toy*_*toy 30 javascript html5 google-maps
我正在尝试构建一个移动HTML5网络应用,用户可以点击地图从谷歌地图获取纬度/经度.有代码示例吗？我尝试使用谷歌搜索,但只找到一些网站,但没有源代码示例.
这是因为我将首先使用HTML5地理位置来显示当前位置,但如果它不准确,那么用户可以自己指定.
非常感谢.
Lia*_*amB 54
下面的代码将向您展示如何在用户点击地图时获取Long和Lat - 允许用户在Google地图上放置标记
google.maps.event.addListener(map, 'click', function( event ){
alert( "Latitude: "+event.latLng.lat()+" "+", longitude: "+event.latLng.lng() );
});
我想向您展示完整的答案：
这是代码的主要部分，该事件基于单击并通过单击获取纬度/经度并将其显示在alert()
google.maps.event.addListener(map, 'click', function(event) { alert(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 KEY
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"
将您的 API KEY 放在key=和&callback 之间：
https://maps.googleapis.com/maps/api/js?key= @@@@@@@＆回调= MYMAP