从谷歌地图边界获取纬度/液化数值

Question

我有一个由getBounds((谷歌地图API返回的绑定值，如下所示 -

**_.pe {pa: oe, ka: ke}       
ka: ke {g: -180, h: 180}          
pa: oe {g: -26.222936261748305, h: 72.98776122961861}       
__proto__: Object**             

在谷歌搜索中，我发现我们可以使用 getSouthWest(( 和 getNorthEast(( apis 来解码
上述信息以获得所需的坐标，但不幸的是它对我不起作用。
我得到以下输出 -

**console.log(vr.getNorthEast())      
VM312861:1          
_.L {lat: ƒ, lng: ƒ}     
lat: ƒ ()        
lng: ƒ ()         
__proto__: Object**  

任何想法如何解决这个问题或任何其他我可以用来从边界获取坐标的方法。

谢谢

Answer 1

getNorthEast和getSouthWest返回LatLng对象。若要从这些对象获取原始值，可以在LatLng对象上使用以下函数来获取坐标：.lat()表示纬度，.lng()表示经度，.toString()表示坐标的字符串表示形式。

另请注意，必须初始化映射，否则边界将未定义。

这是一个工作示例。您可以忽略初始脚本错误，这是由于未使用 API 密钥造成的。只需拖动地图即可看到控制台中所有四个角的坐标：

let map;
function initialize() {
let mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644)
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
map.addListener("dragend", function() {
let bounds = map.getBounds();
let ne = bounds.getNorthEast(); // Coords of the northeast corner
let sw = bounds.getSouthWest(); // Coords of the southwest corner
let nw = new google.maps.LatLng(ne.lat(), sw.lng()); // Coords of the NW corner
let se = new google.maps.LatLng(sw.lat(), ne.lng()); // Coords of the SE corner
console.log(ne.toString(), sw.toString(), nw.toString(), se.toString());
})
}
google.maps.event.addDomListener(window, 'load', initialize);

#map-canvas {
height: 500px;
margin: 0px;
padding: 0px;
width: 500px;
}

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<div id="map-canvas"></div>