谷歌地图上的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();
    }
);

   navigator.geolocation.getCurrentPosition;

Answer 1

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

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