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";