Как я могу показать местоположение пользователя на встроенной карте google?

Я следую учебник отсюда https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map Как я могу показать местоположение пользователя на встроенной карте google?

и этот код:

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
     #map { 
     width: 500px; 
     height: 400px; 
     } 
    </style> 
    <script src="https://maps.googleapis.com/maps/api/js"></script> 
    <script> 
     function initialize() { 
     var mapCanvas = document.getElementById('map'); 
     var mapOptions = { 
      center: new google.maps.LatLng(44.5403, -78.5463), 
      zoom: 8, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(mapCanvas, mapOptions) 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map"></div> 
    </body> 
</html>

работает как шарм. Но он всегда показывает координаты: 44.5403, -78.5463. Есть ли способ изменить его так, что когда пользователь войдет в мою страницу из Нью-Йорка, он увидит карту нового йорка, а парень из Сидней увидит сидней и т. Д.?

Спасибо!

источник

2016-01-12 user3766930

Для этого вам необходимо использовать геолокацию.

Here is an example:

navigator.geolocation.getCurrentPosition(function(position) { 
     var pos = { 
     lat: position.coords.latitude, 
     lng: position.coords.longitude 
     };

источник

2016-01-12 15:28:38 Serafins

Спасибо. Один вопрос - я вижу в примере, что мне нужно предоставить свой api-ключ. Я думал, что это не обязательно в картах v.3, но они требуют этого в этом примере. Можете ли вы объяснить, нужно ли мне генерировать ключ или нет? – user3766930

Насколько я знаю, вы должны это сделать. Это не было необходимо в начале Карты Google, но теперь это так. Это очень легко получить. – Serafins

@ user3766930 отметить это как ответ, если это вам помогло – Serafins

Как я могу показать местоположение пользователя на встроенной карте google?

ответ

Смежные вопросы