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

Abbildung 5.15 Mit JSONLint überprüfen Sie JSON-Dateien.
Die jQuery-Hilfsfunktion $.each() führt eine Funktion für jedes Unterobjekt in der
JSON-Datei aus, also für jedes Restaurant. Dabei übergeben Sie den jeweiligen Werte-
schlüssel, also unseren Restaurantnamen, und den Wert, also die Kategorie und GPS-
Koordinaten, als Parameter an die Funktion. Wenn Sie nun drei Restaurants in der
JSON-Datei gespeichert haben, wird diese Funktion dreimal aufgerufen. Sie können
die Funktion nutzen, um in Ihrer Google-Karte Marker für jedes Restaurant zu set-
zen:
marker = new google.maps.Marker({
map: karte,
position: new google.maps.LatLng(
daten.Position.Latitude,daten.Position.Longitude),
animation: google.maps.Animation.DROP
});
Sie erzeugen ein neues Objekt vom Typ google.maps.Marker , dem Sie mehrere Para-
meter übergeben: den Namen des Map-Objekts, auf dem die Marker gesetzt werden
sollen, und die Position des Markers. Diese lesen Sie aus dem JSON-Objekt aus,
genauer aus den Variablen daten.Position.Latitude und daten.Position.Longitude .
Diese Aneinanderreihung der verschachtelten Werteschlüssel speichert die Daten als
Zeichenkette bzw. Zahl.