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

时间:2011-10-27 13:20:09

标签: javascript google-maps

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

是否可以允许用户动态执行此操作?我见过here并且明白我可以使用经度和纬度来做到这一点。因此,使用上述方法可以从用户点击获得经度和纬度吗?

3 个答案:

答案 0 :(得分:4)

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

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

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

答案 1 :(得分:2)

我认为

This旧帖是您正在寻找的内容。使用lat / long添加ajax调用,你应该很高兴。

答案 2 :(得分:1)

<!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>