Google Maps API Tutorial – Übersichtskarte

Nachdem ich gestern wieder einmal das Design an der Demo-Anwendung geändert habe. Habe ich bei dieser Gelegenheit eine Übersichtskarte eingebaut. Diese Übersichtskarte ist eine der wenigen Elemente, auf die einem Google so gut wie keine Einflussmöglichkeiten gewährt. „Früher“ einmal konnte man das Design über CSS ändern, aber mit der neuen Version der API handelt man sich da erhebliche Probleme ein, da zu dem Zeitpunkt, an dem man auf die Karte zugreifen möchte, diese durchaus NULL sein könnte. Also lassen wir das! :) (Tipp: Wenn man es trotzdem versuchen möchte, mit settimeout arbeiten!)

GOverviewMapControl

Google-technisch heißt die Übersichtskarte, und eigentlich beschränkt sich das hinzufügen zu einer bestehenden Karte auf einen einzigen Befehl:

map.addControl(new GOverviewMapControl());

Natürlich lässt sich auch die Größe des Fensters beeinflussen, dies geschieht über die Funktion GSize:

map.addControl(new GOverviewMapControl(new GSize(200, 200));

Obiges Beispiel fügt eine 200×200 Pixel große Übersichtskarte ein. Und das war es eigentlich auch schon, was man über Übersichtskarten wissen muss.

Ähnliche Beiträge

Google Maps mit individuellem MapType Wie versprochen fange ich jetzt an, die Steuerelemente von Google Maps zu individualisieren. Den Anfang macht hier der MapType, weil am einfachsten :)...
Google Maps API – Individuelle Windrose Ich habe heute in das Demo Mashup eine Windrose eingebaut, und auch dafür gesorgt, dass man die Karte mit der Tastatur scrollen kann. Wenn man den ric...
Google Maps API mit jQuery Wie gestern bereits angekündigt, geht es imGoogle Mashup Demo nun erst mal wieder mit der Landkarte an sich weiter. Ich habe heute die Anwendung auf j...
Google Maps Api – Infofenster mit Tabs Eines der größten Probleme bei Google Maps ist es stets, eventuell vorhandene Informationen in den Infofenstern zu verpacken. Hierbei gibt es zwei gru...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.