Показать мое местоположение с помощью Google Maps

Question

Я пытаюсь сделать это. Когда пользователь приходит на сайты, мне нужно показать его на карте Google, а также передать некоторую широту и долготу. Теперь моя карта должна показать путь пользователя и lat и long, которые я передаю.

Используя мой приведенный ниже код, я передаю свою lat и long.Now, мне нужно показать позицию пользователя.

Как показать оба этого?

 function initialize() { 

    var myOptions = { 
    zoom: 17, 
    center: new google.maps.LatLng(23.333,34.534), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
           myOptions); 

    var image = 'image.png'; 
    var myLatLng = new google.maps.LatLng(23.333,34.534); 
    var beachMarker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    icon: image 
    }); 
    } 

[This is how i tried]:http://dpaste.com/695949/ 
    it did not work. 

Answer 1

Чтобы отобразить маршруты на карте Google, вам необходимо иметь источник и пункт назначения latlong. в вашем предыдущем коде у вас есть пункт назначения latlong, но пользователь latlong отсутствует. вам нужно сначала получить пользователя latlong, тогда вам нужно использовать средство визуализации направления google. Для получения дополнительной справки чтения http://code.google.com/apis/maps/documentation/javascript/directions.html

пользователя (источник) LatLong можно найти во многих отношениях -

1. с использованием geocoder камня на основе ip, address и т.д.
2. с помощью html5 geolocation чтения http://mobile.tutsplus.com/tutorials/mobile-web-apps/html5-geolocation/

Answer 2

Если вы хотите использовать местоположение геоданных HTML5, а затем в своей функции инициализации после добавления объекта beachMarker:

if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function(e) { 
    var marker = new google.maps.Marker({ 
     map: map, 
     position: new google.maps.LatLng(e.coords.latitude, e.coords.longitude); 
    }); 
    }, function() { 
    // Handle error here 
    }); 
}