javascript - 从谷歌地图边界获取纬度/经度值

Question

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

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

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

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

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

谢谢

Answer 1

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

另请注意，必须初始化 map ，否则边界将不确定。

这是一个工作示例。您可以忽略由于未使用 API key 而导致的初始脚本错误。只需拖动 map 即可查看控制台中显示的所有四个 Angular 的坐标:

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>