Die deutsche Google Maps Community.
Die Möglichkeiten sind da!
Forum
aktuelle Diskussionen
· KML wird nicht aktualisiert· Warum werden keine Marker erzeugt?
· Marker auf eigener Website von Außenstehenden erzeugen
· Bild an Zoomlevel anpassen
· Ohne doppelte Straßen
Werbung
Bedienelemente hinzufügen
Wir arbeiten jetzt einfach weiter mit dem Source Code aus dem Hello World! Beispiel und nehmen uns der Übersichtlichkeit halber nur die Function vor:function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(54.33686989052731,10.119942426681519), 16);
}
}Neben einem Mittelpunkt kann man dem map Objekt auch andere Werte zuweisen. Mit der Methode addControl kann man die Kontrollelemente hinzufügen, die Google standardmäßig bereitstellt:
- GLargeMapControl? - Das große Element mit den Richtungspfeilen und der Zoom-Skala. Es erscheint normalerweise oben links
- GSmallMapControl? - Die kleinere Version nur mit Richtungspfeilen und +/- Buttons. Es erscheint ebenfalls oben links
- GSmallZoomControl? - Einfache Zoom-Einstellung
- GScaleControl? - Zoomfaktorskala
- GMapTypeControl? - Die Buttons mit denen man zwischen Karte und Satellit wechseln kann
- GOverviewMapControl? - Eine kleine Übersichtskarte in der unteren rechten Ecke
Diese Kontrolelemente kann man beliebig kombinieren. Im Beispiel∞ werden drei Controls benutzt:
Um sie in die Karte zu integrieren, wendet man einfach die Methode addControl auf das map Objekt an:
map.addControl(new GLargeMapControl());
Im Zusammenhang mit der restlichen Funktion sieht das dann so aus:
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.setCenter(new GLatLng(54.33686989052731,10.119942426681519), 16);
}
}Ob man die Methode vor oder nach setCenter? aufruft, ist egal, da ohnehin erst alle Methoden ausgefürht werden und nur das Ergebnis der gesamten Funktion an den Browser übergeben wird.