Google Maps API

2. Anpassen an einen Ort

Die Karte soll beim Start natürlich auf einen Ort unserer Wahl zeigen in einem vorgegebenen Zoomlevel.

map.setCenter(new GLatLng(37.4419, -122.1419), 13);

Die Koordinaten der Einführungskarte (Quelltext oben) können ersetzt werden, z.B. durch Halle mit 51.489 und 11.9578. Im Beispiel unten ist das Zommlevel auf den Startwert 7 gesetzt, wobei 17 bis 0 möglich sind (entsprechend auch dem örtlich vorhandenen Kartenmaterial). Um dies zu verdeutlichen wurde eine Funktion eingefügt, die nach einer Zoomänderung ("+" oder "-" klicken) ein JavaScript-Fenster aufruft.

GEvent.addListener(map, "zoomend", function() {
  alert("aktuelles Zoomlevel: "+map.getZoom());
});

Vielleicht ist eine Satellitenaufnahme geeigneter, aber es fehlt (auf dieser Seite) die hart codiert Defaulteinstellung dazu oder ein Werkzeug für den Benutzer.

Im Beispiel unten wurde keine feste Breite für die Karte gewählt, sondern diese auf 100% gesetzt. Erweiternder Schnickschnack könnte die Bewegung der Karte zu den Zielkoordinaten hin sein (Siehe "ballistic zoom"). Ähnlich, wenn auch eleganter, ist das "Anfliegen" (Fly to) eines Ortes mit Google Earth (z.B. "Leipzig, Germany") möglich.

< >