Google地圖上的HTML5地理位置和可拖動標記

Question

我正在嘗試編寫地圖位置網頁，其中顯示用戶在地圖上的大致位置。如果他們點擊標記，他們可以將其拖到確切位置。

我有這樣的代碼做地圖的顯示和標記的拖動：

function initialize() { 
navigator.geolocation.getCurrentPosition; 
var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 
var myOptions = { 
    zoom: 2, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
    draggable:true 
}); 
google.maps.event.addListener(
    marker, 
    'drag', 
    function() { 
     document.getElementById('lat').value = marker.position.lat(); 
     document.getElementById('lng').value = marker.position.lng(); 
    } 
); 

}

我的問題是如何設置的初始緯度和經度以上使用HTML5的地理位置：

navigator.geolocation.getCurrentPosition; 

感謝

安德魯

Answer 1

聲明兩個變量的緯度和經度作爲這樣既：

 position.coords.latitude = 35.8624596; 
    position.coords.longitude = -86.4081241; 

則兩個lat和長如另一個變量：

 var latlon=lat+","+lon; 

，然後使用latlon像這樣：

 var img_url="http://maps.googleapis.com/maps/api/staticmap?center="+latlon+"&zoom=14&size=400x300&sensor=false";