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

Question

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

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

Как показать и то и другое?

       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

Если вы хотите использовать гео-местоположение 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
  });
}

Answer 2

Чтобы отобразить направления на карте Google, вам нужно иметь источник и пункт назначения.в приведенном выше коде у вас есть пункт назначения latlong, но пользователь latlong отсутствует.вам нужно сначала получить пользователя latlong, затем вы должны использовать Google Direction Renderer.для получения дополнительной информации читайте 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/