我正在尝试构建一个移动HTML5网络应用程序,用户可以点击地图从Google地图获取经纬度。有代码示例吗?我尝试了谷歌搜索,但只发现了一些网站,但没有soucecode的例子。谷歌地图HTML5点击获得纬度,长
这是因为我打算使用HTML5地理位置来首先显示当前位置,但如果它不准确,那么用户可以自己指定。
非常感谢。
我正在尝试构建一个移动HTML5网络应用程序,用户可以点击地图从Google地图获取经纬度。有代码示例吗?我尝试了谷歌搜索,但只发现了一些网站,但没有soucecode的例子。谷歌地图HTML5点击获得纬度,长
这是因为我打算使用HTML5地理位置来首先显示当前位置,但如果它不准确,那么用户可以自己指定。
非常感谢。
下面的代码将告诉你如何得到长期和纬度当用户点击地图 - 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());
});
这是很棒的。有点以为这是来自Google Maps API参考。但是,当您触摸地图来移动或放置地图时,此事件会触发(光标变为闭合手形)。 Mousedown用其他语言。你将如何在Mouse Up上点燃它? – JustJohn
你必须使用事件的说法。
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.
});
我想向你展示完整的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
你能否建议如何建议所有经纬度与给定中心的半径。 – Rohitesh
我敢肯定有真正的教程根源在那里,但你可能* *也考虑网站的源代码.... –