2011-11-06 68 views
26

我正在尝试构建一个移动HTML5网络应用程序,用户可以点击地图从Google地图获取经纬度。有代码示例吗?我尝试了谷歌搜索,但只发现了一些网站,但没有soucecode的例子。谷歌地图HTML5点击获得纬度,长

这是因为我打算使用HTML5地理位置来首先显示当前位置,但如果它不准确,那么用户可以自己指定。

非常感谢。

+0

我敢肯定有真正的教程根源在那里,但你可能* *也考虑网站的源代码.... –

回答

41

下面的代码将告诉你如何得到长期和纬度当用户点击地图 - Allow user to place marker on a google map

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

这是很棒的。有点以为这是来自Google Maps API参考。但是,当您触摸地图来移动或放置地图时,此事件会触发(光标变为闭合手形)。 Mousedown用其他语言。你将如何在Mouse Up上点燃它? – JustJohn

1

你必须使用事件的说法。

google.maps.event.addListener(map, 'click', function(event) { 
    marker = new google.maps.Marker({position: event.latLng, map: map}); 
    console.log(event.latLng); // Get latlong info as object. 
    console.log("Latitude: "+event.latLng.lat()+" "+", longitude: "+event.latLng.lng()); // Get separate lat long. 
}); 
0

我想向你展示完整的answere:

这是代码的主要部分的活动是基于点击获取纬度/龙与点击在警报()

显示它

google.maps.event.addListener(地图, '点击',功能(事件){ 警报(event.latLng.lat()+ “” + event.latLng.lng());}) ;

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

请改变你的API密钥

SRC = “https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU &回调= MYMAP”

键=&回调之间的API KEY:

https://maps.googleapis.com/maps/api/js?key= @@@@@@@ &回调= MYMAP

+0

你能否建议如何建议所有经纬度与给定中心的半径。 – Rohitesh

相关问题