Google maps 谷歌地图上的HTML5地理位置和可拖动标记

我正在尝试写一个地理位置网页，在地图上显示用户的大致位置。如果他们单击标记，他们可以将其拖动到准确的位置

我有以下代码来显示地图和拖动标记：

 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地理位置设置上面的初始纬度和经度：

谢谢

---

Andrew

声明纬度和经度的两个变量：

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

然后是lat和long的另一个变量，例如：

     var latlon=lat+","+lon;

然后像这样使用latlon：

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

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