Workshop: GoogleMaps auf der eigenen Website

Ausgabebereich definieren

Die GoogleMaps-API liefert die Kartengrafik automatisch in einem HTML-Container aus, dessen ID Sie beim Anlegen des Javascript-Objekts GMap2 (siehe unten) angeben. Wir verwenden in allen Beispielen die ID „map“. Dabei berechnet GoogleMaps die Größe der Karte auf Basis der Größe des darstellbaren Bereichs innerhalb des Containers. Um also eine Karte mit den Ausmaßen 500x300 Pixel auszugeben, genügt folgender DIV-Container:

<div id="map" style="width:500px; height: 300px">
</div>

Die Größe der Karte lässt sich auch direkt in Javascript bestimmen, allerdings ist die automatische Größenberechnung meist einfacher und für die meisten Einsatzzwecke ausreichend. Achtung: Ohne Größenangabe stellt Google Maps gar keine Karte dar, die Attribute width und height sind daher Pflicht!