HTML5 Geo Location и перетаскиваемый маркер на Google Map

Я пытаюсь написать веб-страницу с географическим местоположением, которая отображает приблизительное местоположение пользователя на карте. Если они нажмут на маркер, они могут перетащить его на свое точное место.

У меня есть этот код для отображения карты и перетаскивания маркера:

 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;

Спасибо

Андрей


person A Leonard    schedule 23.05.2012    source источник


Ответы (1)


Объявите две переменные для широты и долготы как таковые:

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

затем еще одна переменная для широты и долготы, например:

     var latlon=lat+","+lon;

а затем используйте latlon вот так:

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