2011-11-06 70 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

相關問題