2016-03-20 3 views
0

Я даже не уверен, что это возможно, но вот оно.Получить координаты Google Maps от пользователя

Я хочу, чтобы пользователь, чтобы заполнить форму, и как только он выходит на поле

<label for="pos">My possition</label>   
<input type="email" id="pos" name="clients_position"> 

Я хочу просить свою позицию и получить от него Google Maps координаты в таком формате «40,417035, -3,685389», В идеале я хочу, чтобы они автоматически добавлялись в поле ввода.

Просто сделал первый базовый курс по JS в T3H, и я полностью потерян. HTML и CSS - это прогулка в парке по сравнению с этим, поэтому мне нужны некоторые направления.

+0

догадка он ищет СТГ, как это: https://stackoverflow.com/questions/35600754/ Как использовать-адрес-вместо-lat-long-in-google-map-api/35601336 # 35601336 –

ответ

1

самый простой способ для получения координат пользователем является использование HTML 5 геолокации это образец

<!DOCTYPE html> 
    <html> 
     <body> 

     <p>Click the button to get the coordinates.</p> 

     <button onclick="getLocation()">Get coordinates </button> 

     <p id="my_sample"></p> 

     <script> 
     var x = document.getElementById("my_sample"); 

     function getLocation() { 
      if (navigator.geolocation) { 
       navigator.geolocation.getCurrentPosition(showPosition); 
      } else { 
       x.innerHTML = "Geolocation is not supported by this browser."; 
      } 
     } 

     function showPosition(position) { 
      x.innerHTML = "Latitude: " + position.coords.latitude + 
      "<br>Longitude: " + position.coords.longitude; 
     } 
     </script> 

     </body> 
    </html> 
+0

Извините за поздний ответ, ваше решение работает так, как я хотел, спасибо! – Vlad

+0

Я поместил его в кодировщик и отлично работает на рабочем столе, но не на мобильном телефоне, любая идея почему? – Vlad

+0

Включено ли navigator.geolocation на мобильном телефоне? – scaisEdge

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