Geolocation mit HTML5 und JavaScript. Integration mit Google Maps

Neue Produkte, die mit HTML5 eingeführt sind viele, und einige besonders interessant. Unter diesen sticht, kein Zweifel, Unterstützung für Geolocation, die automatisch erkennen, kann der Benutzer seiner geographischen Lage über den Browser.

Mit Geolocation, in der Tat, mit Unterstützung für HTML5-Browser können die Position des Nutzers über die IP-Adresse von Ihrem ISP-Verbindung zugeordnet, die Nähe zu Zell-Kommunikation (für den mobilen Anschluss) oder über den Track ' GPS-Antenne kann in das Gerät integriert werden. Die Positionserfassung georafica natürlich tritt nur nach ausdrücklicher Zustimmung der betroffenen Person (wer wird der Antrag der Web-Seite, um die Verfolgung der Position, eine Anforderung, die in der Lage sein Einverständnis oder nicht wird benachrichtigt).

Die Lage vom Browser zurückgegeben wird durch seine Koordinaten (Breitengrad und Längengrad), die dann von JavaScript verwendet werden kann ausgedrückt. Navigator.geolocation: Die neue Geolocation API basiert auf einer neuen Eigenschaft des navigator-Objekts.

Um zu überprüfen, ob der Browser bietet Unterstützung für diese neue API für HTML5 genügt daher, bedingte einen Anruf wie folgt aus:

 if (navigator.geolocation) {



  



 / / Browser-ready mit Unterstützung für HTML5 Geolocation







 Else {}



  



 / / Keine Unterstützung für Geolocation







 }

Hier finden Sie einige einfache JavaScript-Code (in der Kopfzeile der Seite eingefügt werden) für den Nachweis des Benutzers geographischen Koordinaten:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ("Die Geo-Lokalisierung ist nicht möglich ');







 }









 mia_posizione function () {



  



 var lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ('location') innerHTML = 'Ihre Position:'. + lat + ',' + lon;

  





 }

Im Hauptteil der Seite nicht nur auf ein Element mit id "Position", innerhalb dessen der Benutzer Koordinaten geschrieben werden einzufügen.

Um zu sehen, ein funktionierendes Beispiel finden Sie hier .

GetCurrentPosition function ()

Wie Sie sehen können, wenn Ihr Browser unterstützt Geolocation GetCurrentPosition Venen genannt function (), die in unserem Beispiel, ein Argument, wie der Rückruf auf Erfolg geführt wird.
Eigentlich funktioniert das gibt drei Parameter:

• Rückruf bei Erfolg;
• Rückruf bei Misserfolg;
• Optionen:
  • enableHighAccuracy: wahr oder falsch ist, um das Gerät Anforderung an den Standort mit der höchsten Genauigkeit (attivamndo, zum Beispiel das GPS-Gerät) zu schicken;
  • timeout: maximale Dauer des Wartens auf die Erfassung der Position (in Millisekunden);
  • maximumAge: maximale Alter, nach der die Erkennung durchgeführt werden müssen nuvo Position Tracking werden;

Hier ist ein Beispiel der Verwendung eines GetCurrentPosition () mit allen drei Parametern erlaubt:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 

• <<
• 1
• 2
• 3
• >>