Google Maps -Steuerelemente
Google Maps - Die Standardsteuerung
Wenn Sie eine Standard-Google-Karte anzeigen, wird sie mit dem Standardsteuerungssatz geliefert:
- Zoom - zeigt einen Schieberegler oder "+/-"-Schaltflächen an, um die Zoomstufe der Karte zu steuern
- Schwenken – zeigt ein Schwenksteuerelement zum Schwenken der Karte an
- Kartentyp – lässt den Benutzer zwischen Kartentypen umschalten (Straßenkarte und Satellit)
- Street View – zeigt ein Pegman-Symbol an, das auf die Karte gezogen werden kann, um Street View zu aktivieren
Google Maps - Mehr Steuerelemente
Zusätzlich zu den Standardsteuerelementen bietet Google Maps auch:
- Maßstab – zeigt ein Maßstabselement der Karte an
- Drehen – zeigt ein kleines kreisförmiges Symbol an, mit dem Sie Karten drehen können
- Übersichtskarte – zeigt eine Übersichtskarte in Miniaturansicht an, die das aktuelle Kartenansichtsfenster in einem größeren Bereich widerspiegelt
Sie können beim Erstellen der Karte (innerhalb von MapOptions) angeben, welche Steuerelemente angezeigt werden sollen, oder indem Sie setOptions() aufrufen, um die Optionen der Karte zu ändern.
Google Maps - Deaktivieren der Standardsteuerelemente
Möglicherweise möchten Sie stattdessen die Standardsteuerelemente deaktivieren.
Setzen Sie dazu die Eigenschaft disableDefaultUI der Karte (innerhalb des Objekts Kartenoptionen) auf true:
Beispiel
var mapOptions {disableDefaultUI: true}
Google Maps - Alle Steuerelemente aktivieren
Einige Steuerelemente werden standardmäßig auf der Karte angezeigt; während andere nicht angezeigt werden, es sei denn, Sie legen sie fest.
Das Hinzufügen oder Entfernen von Steuerelementen aus der Karte wird im Objekt Kartenoptionen angegeben.
Setzen Sie das Steuerelement auf „true“, um es sichtbar zu machen – setzen Sie das Steuerelement auf „false“, um es auszublenden.
Das folgende Beispiel aktiviert alle Steuerelemente:
Beispiel
var mapOptions {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
}
Google Maps - Ändern von Steuerelementen
Einige der Kartensteuerelemente sind konfigurierbar.
Die Steuerelemente können durch Angabe von Steuerelementoptionsfeldern geändert werden.
Optionen zum Ändern eines Zoom-Steuerelements werden beispielsweise im Feld zoomControlOptions angegeben. Das Feld zoomControlOptions kann Folgendes enthalten:
- google.maps.ZoomControlStyle.SMALL - zeigt eine Mini-Zoom-Steuerung an (nur + und - Schaltflächen)
- google.maps.ZoomControlStyle.LARGE – zeigt die standardmäßige Zoom-Schieberegler-Steuerung an
- google.maps.ZoomControlStyle.DEFAULT – wählt die beste Zoomsteuerung basierend auf Gerät und Kartengröße aus
Beispiel
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
Hinweis: Wenn Sie ein Steuerelement ändern, aktivieren Sie das Steuerelement immer zuerst (setzen Sie es auf „true“).
Ein weiteres konfigurierbares Steuerelement ist das MapType-Steuerelement.
Optionen zum Ändern eines Steuerelements werden im Feld mapTypeControlOptions angegeben. Das Feld mapTypeControlOptions kann Folgendes enthalten:
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR – zeigt eine Schaltfläche für jeden Kartentyp an
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - Kartentyp über ein Dropdown-Menü auswählen
- google.maps.MapTypeControlStyle.DEFAULT - zeigt das "Standard"-Verhalten an (abhängig von der Bildschirmgröße)
Beispiel
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
Sie können ein Steuerelement auch mit der ControlPosition-Eigenschaft positionieren:
Beispiel
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
}