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

【问题标题】：Getting draggable marker position (lat,lng) in Google Maps (React)在谷歌地图（React）中获取可拖动的标记位置（lat，lng）
【发布时间】：2017-10-23 17:11:28
【问题描述】：

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

这是我的事件监听器 -

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

浏览器控制台 -

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

【问题讨论】：

标签： javascript google-maps reactjs google-maps-api-3

【解决方案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()

【讨论】：