2016-03-20 13 views
0

Ich bin nicht einmal sicher, dass dies möglich ist, aber hier ist es.Erhalten Sie Google Maps Koordinaten von Benutzer

Ich möchte Benutzer das Formular ausfüllen, und wenn er sich auf das Gebiet

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

Ich möchte von ihm geht eine Google Maps Coordinate in einem solchen Format „40,417035, -3,685389“ seine Position beantragen und erhalten, Idealerweise möchte ich, dass sie automatisch zum Eingabefeld hinzugefügt werden.

Ich habe gerade den ersten Grundkurs über JS in T3H gemacht und bin total verloren. HTML und CSS ist ein Spaziergang in einem Park im Vergleich dazu, also brauche ich ein paar Anweisungen.

+0

Vermutung er für etw wie diese sucht: https://stackoverflow.com/questions/35600754/ how-to-use-Adresse-statt-von-lat-long-in-google-map-api/35601336 # 35601336 –

Antwort

1

der einfachste Weg für erhalten die Koordinaten eines Benutzers diese Verwendung HTML 5 Geolocation ist eine Probe

<!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

Sorry für die späte Antwort, funktioniert Ihre Lösung, wie ich wollte, danke! – Vlad

+0

Ich legte es in Codepen und funktioniert gut auf dem Desktop, aber nicht auf dem Handy, keine Ahnung warum? – Vlad

+0

Ist die navigator.geolocation auf Mobilgeräten aktiviert? – scaisEdge

Verwandte Themen