Geolocation — Google weiß, wo Ihr PC steht

Geolocation für Ihre eigene Website nutzen

von - 19.07.2011
Standortanzeige: Leiten Sie Ihren Besucher beispielsweise um zu Google Maps, nachdem Sie seinen Standort per Javascript ermittelt haben.
Standortanzeige: Leiten Sie Ihren Besucher beispielsweise um zu Google Maps, nachdem Sie seinen Standort per Javascript ermittelt haben.
Eine Standortbestimmung lässt sich sehr leicht in Ihre eigene Website einbauen. Bereits wenige Zeilen Javascript genügen, und Sie können Besuchern Ihrer Website standortbezogene Informationen anzeigen.
Für eine Standortbestimmung verwenden Sie die Geolocation API des W3C. Mit den Javascript-Objekten dieser API ermitteln Sie den Standort eines Benutzers unter Zuhilfenahme von Geolocation-Diensten mit Ortsinformationen.

Standorte bestimmen

Die Standortbestimmung per Javascript lässt sich leicht in eigene Webseiten integrieren. Dabei prüfen Sie zunächst, ob der Browser des Surfers die Standortbestimmung per Geolocation API unterstützt:
<script type="text/javascript">
if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(Standort, Fehler);
} else {
  alert('Browser ohne Geolocation-Unterstützung');
}
</script>
Wenn das Objekt navigator.geolocation nicht definiert ist, dann unterstützt der Browser die Geolocation API nicht und es wird eine Fehlermeldung ausgegeben. Andernfalls startet die Standortabfrage mit navigator.geolocation.getCurrentPosition.
Standortbestimmung: Ein Javascript auf Ihrer Webseite ermittelt den Standort Ihres Besuchers und zeigt dessen Position.
Standortbestimmung: Ein Javascript auf Ihrer Webseite ermittelt den Standort Ihres Besuchers und zeigt dessen Position.
Diesem Befehl übergeben Sie mit Standort und Fehler zwei Funktionsaufrufe als Parameter. Die Funktion Fehler fängt Probleme bei der Standortbestimmung ab, während die Funktion Standort die Positionsdaten auswertet:
function Fehler (msg) { alert( typeof msg == 'string' ? msg : 'Fehler'); }
function Standort(position) {alert('Latitude: '+position.coords.latitude+'°\nLongitude: '+position.coords.longitude+'°\nGenauigkeit:'+position.coords.accuracy +'m');}
In diesem Beispiel öffnet Standort ein Fenster und zeigt die geografischen Breiten- und Längengrade des Besucherstandorts und ihre Genauigkeit. Diese Werte lesen Sie aus dem Objekt position.coords mit latitude, longitude und accuracy aus.
Verwandte Themen