允许用户在谷歌地图上放置标记答案

【问题标题】：Allow user to place marker on a google map允许用户在谷歌地图上放置标记
【发布时间】：2011-10-27 13:20:09
【问题描述】：

我正在寻找一种方法，允许用户在 Google 地图上放置一个标记，然后获取坐标，以便我可以通过电子邮件将它们发送给用户。

是否可以允许用户即时执行此操作？我见过here 并且知道我可以使用经度和纬度来做到这一点。那么使用上述方法可以从用户点击中获得经度和纬度吗？

【问题讨论】：

【解决方案1】：

您可以使用以下代码实现此目的：

google.maps.event.addListener(map, 'click', function( event ){
  alert( "Latitude: "+event.latLng.lat()+" "+", longitude: "+event.latLng.lng() ); 
});

map 变量是您的 google.maps.Map 实例。每次用户点击地图时，都会有一个警告框显示他点击的地点的坐标。

【讨论】：

【解决方案2】：

This 较早的帖子是我认为您正在寻找的内容。添加一个带有 lat/long 的 ajax 调用，你应该很高兴。

【讨论】：

【解决方案3】：

<!DOCTYPE html>
<html>
<body>
<div id="googleMap" style="width:100%;height:400px;"></div>

<script>
function myMap() {
var mapProp= {
    center:new google.maps.LatLng(51.508742,-0.120850),
    zoom:5,
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

google.maps.event.addListener(map, 'click', function(event) {
alert(event.latLng.lat() + ", " + event.latLng.lng());
});

}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"></script>
</body>
</html>

【讨论】：