HTML and CSS Reference
In-Depth Information
Anschließend legen Sie ein neues Objekt vom Typ google.maps.Map an, dem Sie als
Parameter das Platzhalterelement mit der id karte und das Optionen-Objekt über-
geben.
Herzlichen Glückwunsch, Sie haben soeben Ihre erste dynamische Karte erstellt
(Abbildung 5.14)! Probieren Sie es gleich aus.
Abbildung 5.14 Eine Interaktive Google-Karte auf dem iPhone (links) und unter
(Android) rechts.
5.2.3 Liste der Restaurants laden und ausgeben
Nun laden Sie eine Liste mit Restaurants. Dafür eignet sich das JSON-Format, da es
per JavaScript ohne Neuladen des HTML, also asynchron, nachgeladen werden kann.
Legen Sie eine neue Textdatei an, und nennen Sie diese restaurants.json . In die Datei
schreiben Sie nun eine Liste mit Restaurants, also deren Namen und GPS-Position
sowie eine Kategorie. Für Restaurants in Berlin könnte das in etwa so aussehen:
{
"Pizza Dach": {
"Kategorie": "Pizza",
"Position": {
"Longitude": 13.456106,
"Latitude": 52.51024
}
 
Search WWH ::




Custom Search