Positionsbestimmung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 207

Sie haben nun eine Tabelle mit zwei Zeilen und zwei Spalten. Die erste Spalte fungiert
als Kopfspalte, die zweite ist noch leer - hier werden Sie mit jQuery die Koordinaten-
werte eintragen. Verknüpfen Sie zunächst die jQuery-Bibliothek mit Ihrem HTML-
Dokument:

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

5

Definieren Sie zwei leere Variablen, in denen Sie später Longitude und Latitude spei-
chern:

var longitude, latitude;

Jetzt rufen Sie die Position Ihres Geräts ab: Dafür gibt es in HTML5 das Objekt naviga-
tor.geolocation , welches die Funktion .getCurrentPosition() besitzt. In den Klam-
mern geben Sie eine weitere Funktion an, die aufgerufen werden soll, wenn die GPS-
Koordinaten erfolgreich ermittelt wurden. Dies nennt man eine Callback-Funktion.

$(function(){
navigator.geolocation.getCurrentPosition(positionsAusgabe);
});

Abbildung 5.2 Der Browser fragt zunächst nach, ob die aktuelle Benutzerposition über-
mittelt werden soll. Im linken Bereich sehen Sie die Darstellung auf dem iPhone, rechts
unter Android.