GPS Koordinaten auf einer mobilen Internetseite ermitteln

Jedes moderne Smartphone hat mittlerweile ein GPS-Modul an Bord. Die verschiedenen Plattformen, wie Android und iPhone, bieten dem Programmierer APIs, um die Längen- (Longitude) und Breitengrade (Latitude) auszulesen.

Nun hat sich bei mir die Frage gestellt: Wie kann ich in einer Webseite, die mit einem Smartphone aufgerufen wird, die GPS-Koordinaten auslesen?

Die Antwort darauf gibt die Geolocation API Specification des W3C. Darin sind verschiedene Interfaces spezifiziert, um per JavaScript Geoinformationen eines Browsers abzurufen. Eine Übersicht, welche Browser die Geolocation API schon implementiert haben, konnte ich bislang nicht finden. Bei meinen Tests funktionierten folgende Browser: Firefox 3.6.8, Opera 10.61, Safari auf iPhone und Dolphin HD Browser auf Android 2.1.

Die wichtigsten mobilen Browser (auf iPhone und Android) und moderne Desktopbrowser sollten somit Unterstützung für Geolocation mitbringen. Eine Ausnahme bildet hier offenbar Microsoft mit dem IE8, bei dem meine Tests fehlschlugen. Der IE9 wird hier aber sicherlich nachziehen.

Hier gibt es eine kleine Demo, bei der mithilfe von

navigator.geolocation.watchPosition(positionSuccess, positionError, { enableHighAccuracy:true, maximumAge:600000, timeout:0 });

die aktuelle Position überwacht wird und die Koordinaten angezeigt werden. Ich empfehle einfach mal mit dem Smartphone die Demo aufzurufen und einen kleinen Spaziergang zu machen. :-)
Möchte man nur einmal die aktuelle Position ermitteln, kann man statt watchPosition() auch getCurrentPosition() verwenden.
Aus Bequemlichkeitsgründen verwende ich in der Demo jQuery.

Viel Spaß beim Ausprobieren!

Comments

Preview comment | Sebastian Harder Consulting

Thankfulness to my father who told me about this web site, this blog is really amazing.

Preview comment | Sebastian Harder Consulting

Hi there, every time i used to check web site posts here in the early hours in the break of day,
for the reason that i love to find out more and more.

Preview comment | Sebastian Harder Consulting

For latest news you have to pay a quick visit the web and on web I found this site as a finest web page for newest updates.

Preview comment | Sebastian Harder Consulting

Greate pieces. Keep posting such kind of info on your page.

Im really impressed by it.
Hey there, You've done an incredible job.
I'll certainly digg it and in my opinion suggest to my friends.
I am sure they will be benefited from this website.

Here is my blog ... reliablerxpharmacy.com review

Vielen Dank

Hallo Sebastian,
vielen Dank für die Erklärung und Demo :-)

MBT schuh

   Bei so vielen gesunden Funktionen, billige MBT-Schuhe heute MBT Schuhe hei? ist Umsatz unabh?ngig von der w?hrend auf der Stra?e oder im Internet. Auch trotz seiner einzigartigen ungeraden Design und Stil, heute MBT schuh ihre Strategie bis hin zu trendigen Frauen MBT, dass mehr Kunden attraktiv machen k?nnte modifiziert werden. Von der extremen competetion gesunder Schuhe, MBT Footwear Men Abstand eine weitere M?glichkeit, Kunden greifen Rabatt Abstand MBT-Schuhe ist, stellen heute MBT Schuhe Rabatt MBT Schuhe für diejenigen, warum sind niedriger Ertr?ge, sondern besitzen ein Wunsch, MBT Schuhe MBT schuhe online.mbt Schuhe kaufen Verkauf So fantastische Gelegenheit ist euch nahe, warum nicht beitreten und beginnen, einen benefiter von mbt schuhe schweiz werden.

Übergaben an PHP

Hallo Sebastian,
sowas habe ich gesucht, vielen Dank!
Nun habe ich aber ein paar Fragen. Wie übergebe ich die Daten an PHP. ZB. an $lat und $lng. Damit ich diese in mein Google Maps einbauen kann?
In Deinem Beispiel werden diese ja quasi direkt als ID in HTML ausgegeben.
Beste Grüße,
derDenis

Post new comment

Mit dem Absenden dieses Formulars, akzeptieren Sie die Datenschutzrichtlinie von Mollom.