Google Maps API-移动地图后获取新的中心坐标

Question

我正在使用Google Maps API来显示地图，但是如果用户移动地图，则现在需要捕获中心协调器。 移动地图后，我正在寻找新地图中心的新纬度/经度。

查看“ 地图事件”文档，我可以在此处看到一些选项：

 center_changed
 dragend

我可能会移动。 我已经尝试了两者，但是语法不正确，并且不确定如何获取中心纬度/经度。 这是我最近的尝试

google.maps.event.addListener(map, 'dragend', function() {
    var latitude = event.latLng.lat();
    var longitude = event.latLng.lng();
    console.log("current latitude is: "+latitude);
    console.log("current longitude is: "+longitude);
});

但我收到错误TypeError: undefined is not an object (evaluating 'event.latLng.lat') 。

谁能告诉我在这里使用的最合适的事件是什么，以及当用户拖动地图更改了地图后，如何获得新的中心坐标。

Answer 1

如果您希望中心值在更改时使用'center_changed'事件：

center_changed的

参数：无
地图中心属性更改时，将触发此事件。

google.maps.event.addListener(map, "center_changed", function() {
  var center = this.getCenter();
  var latitude = center.lat();
  var longitude = center.lng();
  console.log("current latitude is: " + latitude);
  console.log("current longitude is: " + longitude);
});

概念证明

代码段：

 function initMap() { var myLatlng = { lat: -25.363, lng: 131.044 }; var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: myLatlng }); google.maps.event.addListener(map, "center_changed", function() { var center = this.getCenter(); var latitude = center.lat(); var longitude = center.lng(); console.log("current latitude is: " + latitude); console.log("current longitude is: " + longitude); }); } 

 html, body, #map { height: 100%; margin: 0; padding: 0; } 

 <div id="map"></div> <!-- Replace the value of the key parameter with your own API key. --> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap"> </script>