在Google地图中获取可拖动标记位置（lat，lng）（React）

Question

使用Google Maps API，我试图在React中捕获标记的确切lat和lng，但是我遇到了一些困难。

这是我的事件监听器 -

window.google.maps.event.addListener(marker, 'dragend', (e) => {
  console.log(marker.getPosition());
});

浏览器控制台 -

_.F {lat: function, lng: function}

Answer 1

你快到了。让我们在文档中找到marker.getPosition：https://developers.google.com/maps/documentation/javascript/reference#Marker

我们在那里看到该函数的返回值是LatLng个对象。我们可以通过单击文本导航到文档中的该对象： https://developers.google.com/maps/documentation/javascript/reference#LatLng

我们发现LatLng对象包含返回实际值的lat()和lng()函数。

所以把它们放在一起，得到纬度和经度坐标：

var position = marker.getPosition()
var lat = position.lat()
var lng = position.lng()