Maps

Map-Klasse

google.maps.Map Kurs

Diese Klasse erweitert MVCObject.

Rufe const {Map} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Map
Map(mapDiv[, opts])
Parameter: 
  • mapDiv:  HTMLElement Die Karte wird so gerendert, dass sie dieses Element füllt.
  • opts:  MapOptions optional Optionen
Erstellt eine neue Karte innerhalb des angegebenen HTML-Containers, in der Regel ein DIV-Element.
DEMO_MAP_ID Karten-ID, die für Codebeispiele verwendet werden kann, für die eine Karten-ID erforderlich ist. Diese Karten-ID ist nicht für die Verwendung in Produktionsanwendungen vorgesehen und kann nicht für Funktionen verwendet werden, für die eine Cloud-Konfiguration erforderlich ist (z. B. Cloud-Styling).
controls
Fügt der Karte zusätzliche Steuerelemente hinzu. Wenn Sie der Karte ein Steuerelement hinzufügen möchten, fügen Sie den <div> des Steuerelements dem MVCArray hinzu, der der ControlPosition entspricht, an der es gerendert werden soll.
data
Typ:Data
Eine Instanz von Data, die an die Karte gebunden ist. Fügen Sie diesem Data-Objekt Elemente hinzu, um sie auf dieser Karte bequem anzuzeigen.
mapTypes
Eine MapType-Instanzregistrierung nach String-ID.
overlayMapTypes
Typ:MVCArray<MapType optional>
Zusätzliche Kartentypen für Overlays. Overlay-Kartentypen werden über der Basiskarte angezeigt, der sie zugeordnet sind, und zwar in der Reihenfolge, in der sie im overlayMapTypes-Array erscheinen. Overlays mit höheren Indexwerten werden vor Overlays mit niedrigeren Indexwerten angezeigt.
fitBounds
fitBounds(bounds[, padding])
Parameter: 
  • bounds:  LatLngBounds|LatLngBoundsLiteral Anzuzeigende Begrenzungen.
  • padding:  number|Padding optionalAbstand in Pixeln. Die Begrenzungen werden an den Teil der Karte angepasst, der nach dem Entfernen des Abstands übrig bleibt. Bei einem numerischen Wert wird derselbe Abstand an allen vier Seiten verwendet. Geben Sie hier „0“ ein, um fitBounds idempotent für das Ergebnis von getBounds zu machen.
Rückgabewert:Keiner
Legt fest, dass die angegebenen Grenzen für den Darstellungsbereich gelten.
Hinweis:Wenn die Karte auf display: none festgelegt ist, liest die Funktion fitBounds die Größe der Karte als 0x0 und führt daher keine Aktion aus. Wenn Sie den Darstellungsbereich ändern möchten, während die Karte ausgeblendet ist, legen Sie die Karte auf visibility: hidden fest. Dadurch erhält das Karten-Div eine tatsächliche Größe. Bei Vektorkarten werden mit dieser Methode die Neigung und Ausrichtung der Karte auf die Standardwerte „0“ gesetzt. Wenn Sie diese Methode aufrufen, kann es zu einer flüssigen Animation kommen, wenn die Karte so gezoomt und gepannt wird, dass sie den Grenzen entspricht. Ob diese Methode animiert wird, hängt von einer internen Heuristik ab.
getBounds
getBounds()
Parameter:Keine
Rückgabewert:LatLngBounds|undefined Die Breiten-/Längengradgrenzen des aktuellen Darstellungsbereichs.
Gibt die Breite-/Länge-Grenzen des aktuellen Darstellungsbereichs zurück. Wenn mehr als eine Kopie der Welt sichtbar ist, liegen die Längengradgrenzen zwischen -180 und 180 Grad. Wenn die Karte noch nicht initialisiert wurde oder Mittelpunkt und Zoom nicht festgelegt wurden, ist das Ergebnis undefined. Bei Vektorkarten mit einer Neigung oder einem Kurs ungleich Null stellen die zurückgegebenen Lat/Lng-Grenzen den kleinsten Begrenzungsrahmen dar, der den sichtbaren Bereich des Darstellungsbereichs der Karte enthält. Unter MapCanvasProjection.getVisibleRegion finden Sie den genauen sichtbaren Bereich des Darstellungsbereichs der Karte.
getCenter
getCenter()
Parameter:Keine
Rückgabewert:LatLng|undefined
Gibt die Position zurück, die in der Mitte der Karte angezeigt wird. Beachten Sie, dass dieses LatLng-Objekt nicht umschlossen ist. Weitere Informationen findest du in den LatLng. Wenn der Mittelpunkt oder die Grenzen nicht festgelegt wurden, ist das Ergebnis undefined.
getClickableIcons
getClickableIcons()
Parameter:Keine
Rückgabewert:boolean|undefined
Gibt an, ob die Kartensymbole anklickbar sind. Ein Kartensymbol steht für einen POI (Point of Interest). Wenn der zurückgegebene Wert true ist, sind die Symbole auf der Karte anklickbar.
BetagetDatasetFeatureLayer
getDatasetFeatureLayer(datasetId)
Parameter: 
  • datasetId:  string
Rückgabewert:FeatureLayer
Gibt die FeatureLayer für die angegebene datasetId zurück. Datensatz-IDs müssen in der Google Cloud Console konfiguriert werden. Wenn die Datensatz-ID nicht mit dem Kartenstil der Karte verknüpft ist oder datengestützte Stile nicht verfügbar sind (keine Karten-ID, keine Vektorkacheln, keine im Kartenstil konfigurierten Datensatz-Ebenen oder Datasets mit datengestützten Stilen), wird ein Fehler protokolliert und das Ergebnis für FeatureLayer.isAvailable ist „falsch“.
getDiv
getDiv()
Parameter:Keine
Rückgabewert:HTMLElement Das mapDiv der Karte.
getFeatureLayer
getFeatureLayer(featureType)
Parameter: 
Rückgabewert:FeatureLayer
Gibt die FeatureLayer der bestimmten FeatureType zurück. In der Google Cloud Console muss eine FeatureLayer aktiviert sein. Wenn auf dieser Karte keine FeatureLayer der angegebenen FeatureType vorhanden ist oder der datengestützte Stil nicht verfügbar ist (keine Karten-ID, keine Vektorkacheln und keine FeatureLayer im Kartenstil aktiviert), wird ein Fehler protokolliert und die resultierende FeatureLayer.isAvailable ist falsch.
getHeading
getHeading()
Parameter:Keine
Rückgabewert:number|undefined
Gibt die Kompassausrichtung der Karte zurück. Der Richtungswert wird in Grad (im Uhrzeigersinn) ausgehend von der Himmelsrichtung Norden gemessen. Wenn die Karte noch nicht initialisiert wurde, ist das Ergebnis undefined.
getHeadingInteractionEnabled
getHeadingInteractionEnabled()
Parameter:Keine
Rückgabewert:boolean|null
Gibt an, ob Interaktionen mit Überschriften aktiviert sind. Diese Option ist nur wirksam, wenn es sich bei der Karte um eine Vektorkarte handelt. Wenn sie nicht im Code festgelegt ist, wird die Cloud-Konfiguration für die Karten-ID verwendet (falls verfügbar).
getInternalUsageAttributionIds
getInternalUsageAttributionIds()
Parameter:Keine
Rückgabewert:Iterable<string>|null
Hier sehen Sie eine Liste der IDs für die Nutzerzuordnung. Anhand dieser Informationen kann Google besser nachvollziehen, welche Bibliotheken und Beispiele für Entwickler hilfreich sind, z. B. die Verwendung einer Markierungs-Clustering-Bibliothek.
getMapCapabilities
getMapCapabilities()
Parameter:Keine
Rückgabewert:MapCapabilities
Informiert den Aufrufer über die aktuellen Funktionen, die für die Karte auf Grundlage der angegebenen Karten-ID verfügbar sind.
getMapTypeId
getMapTypeId()
Parameter:Keine
Rückgabewert:MapTypeId|string|undefined
getProjection
getProjection()
Parameter:Keine
Rückgabewert:Projection|undefined
Gibt die aktuelle Projection zurück. Wenn die Karte noch nicht initialisiert wurde, ist das Ergebnis undefined. Überwachen Sie das Ereignis projection_changed und prüfen Sie, ob der Wert nicht undefined ist.
getRenderingType
getRenderingType()
Parameter:Keine
Rückgabewert:RenderingType
Gibt den aktuellen RenderingType der Karte zurück.
getStreetView
getStreetView()
Parameter:Keine
Rückgabewert:StreetViewPanorama Das an die Karte gebundene Panorama.
Gibt die standardmäßige StreetViewPanorama zurück, die der Karte zugewiesen ist. Das kann ein in die Karte eingebettetes Standardpanorama oder das mit setStreetView() festgelegte Panorama sein. Änderungen an der streetViewControl der Karte werden in der Anzeige eines solchen Panoramas berücksichtigt.
getTilt
getTilt()
Parameter:Keine
Rückgabewert:number|undefined
Gibt den aktuellen Einfallswinkel der Karte in Grad von der Darstellungsebene zur Kartenebene zurück. Bei Rasterkarten ist das Ergebnis 0 für Bilder, die direkt über Kopf aufgenommen wurden, oder 45 für 45°-Bilder. Diese Methode gibt nicht den von setTilt festgelegten Wert zurück. Weitere Informationen finden Sie unter setTilt.
getTiltInteractionEnabled
getTiltInteractionEnabled()
Parameter:Keine
Rückgabewert:boolean|null
Gibt an, ob Interaktionen durch Neigen aktiviert sind. Diese Option ist nur wirksam, wenn es sich bei der Karte um eine Vektorkarte handelt. Wenn sie nicht im Code festgelegt ist, wird die Cloud-Konfiguration für die Karten-ID verwendet (falls verfügbar).
getZoom
getZoom()
Parameter:Keine
Rückgabewert:number|undefined
Gibt den Zoom der Karte zurück. Wenn der Zoom nicht festgelegt wurde, ist das Ergebnis undefined.
moveCamera
moveCamera(cameraOptions)
Parameter: 
Rückgabewert:Keiner
Die Kamera der Karte wird sofort und ohne Animation auf die Zielkameraoptionen gesetzt.
panBy
panBy(x, y)
Parameter: 
  • x:  number Anzahl der Pixel, um die die Karte in X-Richtung verschoben werden soll.
  • y:  numberAnzahl der Pixel, um die die Karte in y-Richtung verschoben werden soll.
Rückgabewert:Keiner
Verschiebt den Mittelpunkt der Karte um die in Pixeln angegebene Entfernung. Wenn die Entfernung geringer ist als sowohl die Breite als auch die Höhe der Karte, wird der Übergang gleitend animiert. Beachten Sie, dass die Koordinaten der Karte von Westen nach Osten (x-Werte) und von Norden nach Süden (y-Werte) größer werden.
panTo
panTo(latLng)
Parameter: 
Rückgabewert:Keiner
Ändert den Mittelpunkt der Karte in die angegebene LatLng. Wenn die Verschiebung geringer ist als sowohl die Breite als auch die Höhe der Karte, wird der Übergang gleitend animiert.
panToBounds
panToBounds(latLngBounds[, padding])
Parameter: 
  • latLngBounds:  LatLngBounds|LatLngBoundsLiteral Die Grenzen, zu denen die Karte schwenken soll.
  • padding:  number|Padding optionalAbstand in Pixeln. Bei einem numerischen Wert wird derselbe Abstand an allen vier Seiten verwendet. Der Standardwert ist 0.
Rückgabewert:Keiner
Die Karte wird so weit gezoomt, dass die angegebene LatLngBounds vollständig zu sehen ist. Es kann nicht garantiert werden, wo auf der Karte die Grenzen zu sehen sind. Die Karte wird jedoch so gezoomt, dass möglichst viel von {currentMapSizeInPx} - {padding} zu sehen ist. Sowohl bei Raster- als auch bei Vektorkarten werden Zoom, Neigung und Ausrichtung der Karte nicht geändert.
setCenter
setCenter(latlng)
Parameter: 
Rückgabewert:Keiner
setClickableIcons
setClickableIcons(value)
Parameter: 
  • value:  boolean
Rückgabewert:Keiner
Hiermit wird festgelegt, ob die Kartensymbole anklickbar sind oder nicht. Ein Kartensymbol steht für einen POI (Point of Interest). Wenn Sie die Klickbarkeit von Kartensymbolen deaktivieren möchten, übergeben Sie dieser Methode den Wert false.
setHeading
setHeading(heading)
Parameter: 
  • heading:  number
Rückgabewert:Keiner
Legt die Kompassrichtung für die Karte fest, gemessen in Grad von der Himmelsrichtung Norden. Bei Rasterkarten gilt diese Methode nur für Luftbilder.
setHeadingInteractionEnabled
setHeadingInteractionEnabled(headingInteractionEnabled)
Parameter: 
  • headingInteractionEnabled:  boolean
Rückgabewert:Keiner
Legen Sie fest, ob Interaktionen mit Überschriften aktiviert sind. Diese Option ist nur wirksam, wenn es sich bei der Karte um eine Vektorkarte handelt. Wenn sie nicht im Code festgelegt ist, wird die Cloud-Konfiguration für die Karten-ID verwendet (falls verfügbar).
setMapTypeId
setMapTypeId(mapTypeId)
Parameter: 
Rückgabewert:Keiner
setOptions
setOptions(options)
Parameter: 
Rückgabewert:Keiner
setRenderingType
setRenderingType(renderingType)
Parameter: 
Rückgabewert:Keiner
Hiermit wird der aktuelle RenderingType der Karte festgelegt.
setStreetView
setStreetView(panorama)
Parameter: 
  • panorama:  StreetViewPanorama optional Das Panorama, das an die Karte gebunden werden soll.
Rückgabewert:Keiner
Bindet ein StreetViewPanorama an die Karte. Dieses Panorama überschreibt das Standard-StreetViewPanorama und ermöglicht die Verknüpfung der Karte mit einem externen Panorama außerhalb der Karte. Wenn Sie das Panorama auf null festlegen, wird das standardmäßig eingebettete Panorama wieder an die Karte gebunden.
setTilt
setTilt(tilt)
Parameter: 
  • tilt:  number
Rückgabewert:Keiner
Legt für Vektorkarten den Einfallswinkel der Karte fest. Die zulässigen Werte sind je nach Zoomstufe der Karte eingeschränkt.

Für Rasterkarten steuert dies das automatische Umschalten für den Einfallswinkel der Karte. Die einzigen zulässigen Werte sind 0 und 45. Mit setTilt(0) wird unabhängig von Zoomstufe und Darstellungsbereich immer eine Aufsichtsansicht von 0° verwendet. Bei setTilt(45) wird der Neigungswinkel automatisch auf 45° umgestellt, wenn für die aktuelle Zoomstufe und den aktuellen Darstellungsbereich 45°-Bilder verfügbar sind. Wenn keine 45°-Bilder verfügbar sind, wird der Neigungswinkel wieder auf 0° zurückgesetzt. Das ist das Standardverhalten. 45°-Bilder sind nur für die Kartentypen satellite und hybrid, an einigen Orten und bei einigen Zoomstufen verfügbar. Hinweis:getTilt gibt den aktuellen Neigungswinkel zurück, nicht den von setTilt festgelegten Wert. Da sich getTilt und setTilt auf unterschiedliche Dinge beziehen, sollten Sie das Attribut tilt nicht bind(). Dies kann unvorhersehbare Auswirkungen haben.
setTiltInteractionEnabled
setTiltInteractionEnabled(tiltInteractionEnabled)
Parameter: 
  • tiltInteractionEnabled:  boolean
Rückgabewert:Keiner
Legen Sie fest, ob Neigungsinteraktionen aktiviert sind. Diese Option ist nur wirksam, wenn es sich bei der Karte um eine Vektorkarte handelt. Wenn sie nicht im Code festgelegt ist, wird die Cloud-Konfiguration für die Karten-ID verwendet (falls verfügbar).
setZoom
setZoom(zoom)
Parameter: 
  • zoom:  numberHöhere Zoomwerte entsprechen einer höheren Auflösung.
Rückgabewert:Keiner
Legt den Zoom der Karte fest.
Übernommen:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
bounds_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Darstellungsbereichsgrenzen geändert haben.
center_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die center-Eigenschaft der Karte ändert.
click
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer auf die Karte klickt. Es wird ein MapMouseEvent mit Eigenschaften für den angeklickten Ort zurückgegeben, es sei denn, es wurde auf ein Ortssymbol geklickt. In diesem Fall wird ein IconMouseEvent mit einer Orts-ID zurückgegeben. IconMouseEvent und MapMouseEvent sind identisch, mit der Ausnahme, dass IconMouseEvent das Feld „Orts-ID“ hat. Das Ereignis kann immer als MapMouseEvent behandelt werden, wenn die Orts-ID nicht wichtig ist. Das Click-Ereignis wird nicht ausgelöst, wenn auf eine Markierung oder ein Infofenster geklickt wurde.
contextmenu
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-Kontextmenüereignis für den Kartencontainer ausgelöst wird.
dblclick
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer auf die Karte doppelklickt. Das Klickereignis wird manchmal einmal und manchmal zweimal direkt vor diesem Ereignis ausgelöst.
drag
function()
Argumente:Keine
Dieses Ereignis wird wiederholt ausgelöst, während der Nutzer die Karte verschiebt.
dragend
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Verschieben der Karte beendet. Hinweis: „dragend“ wird NICHT ausgelöst, wenn der Nutzer das Schwenken der Karte über die Tastatur beendet. Verwenden Sie stattdessen das Ereignis Map.idle, um zu ermitteln, wann der Nutzer das Schwenken ODER Ziehen der Karte beendet hat.
dragstart
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn der Nutzer beginnt, die Karte zu verschieben.
heading_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft "Richtung" der Karte ändert.
idle
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn die Karte nach dem Schwenken oder Zoomen inaktiv wird.
isfractionalzoomenabled_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft „isFractionalZoomEnabled“ geändert hat.
mapcapabilities_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Kartenfunktionen ändern.
maptypeid_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die mapTypeId-Eigenschaft ändert.
mousemove
function(event)
Argumente: 
Dieses Ereignis wird immer dann ausgelöst, wenn der Nutzer den Mauszeiger über dem Kartencontainer bewegt.
mouseout
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer mit dem Mauszeiger den Kartencontainer verlässt.
mouseover
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer den Mauszeiger in den Kartencontainer hineinbewegt.
projection_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die "projection" geändert hat.
renderingtype_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich der renderingType geändert hat.
tilesloaded
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn die sichtbaren Kacheln vollständig geladen sind.
tilt_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft "Neigen" der Karte ändert.
zoom_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft "Zoom" der Karte ändert.
rightclick
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer mit der rechten Maustaste auf die Karte klickt.

MapOptions-Oberfläche

google.maps.MapOptions Benutzeroberfläche

Das MapOptions-Objekt wird verwendet, um die Eigenschaften zu definieren, die für eine Karte festgelegt werden können.
backgroundColor optional
Typ:string optional
Farbe für den Hintergrund des Karten-Divs. Diese Farbe ist sichtbar, wenn Kacheln noch nicht geladen sind, während der Nutzer schwebt. Diese Option kann nur festgelegt werden, wenn die Karte initiiert ist.
cameraControl optional
Typ:boolean optional
Der aktivierte/deaktivierte Status der Kamerasteuerung.
cameraControlOptions optional
Die Anzeigeoptionen für die Kamerasteuerung.
center optional
Typ:LatLng|LatLngLiteral optional
Anfängliches Kartenzentrum.
clickableIcons optional
Typ:boolean optional
Standard:true
Wenn false angezeigt wird, sind Kartensymbole nicht anklickbar. Ein Kartensymbol steht für einen POI (Point of Interest).
colorScheme optional
Typ:ColorScheme|string optional
Das ursprüngliche Farbschema der Karte. Diese Option kann nur festgelegt werden, wenn die Karte initiiert ist.
controlSize optional
Typ:number optional
Größe in Pixeln der Steuerelemente, die auf der Karte angezeigt werden. Dieser Wert muss direkt beim Erstellen der Karte angegeben werden. Wenn Sie ihn später aktualisieren, kann es passieren, dass die Steuerelemente in den Status undefined wechseln. Gilt nur für die Einstellungen, die über die Maps API selbst vorgenommen werden. Von Entwicklern erstellte benutzerdefinierte Steuerelemente werden nicht skaliert.
disableDefaultUI optional
Typ:boolean optional
Hiermit werden alle standardmäßigen UI-Schaltflächen aktiviert oder deaktiviert. Kann im Einzelfall außer Kraft gesetzt werden. Die Tastatursteuerung wird dadurch nicht deaktiviert. Diese wird separat über die Option MapOptions.keyboardShortcuts gesteuert. Die Gestensteuerung wird dadurch nicht deaktiviert. Sie wird über die Option MapOptions.gestureHandling separat gesteuert.
disableDoubleClickZoom optional
Typ:boolean optional
Aktiviert/deaktiviert das Zoomen und Zentrieren durch Doppelklick. Standardmäßig aktiviert.

Hinweis: Diese Eigenschaft wird nicht empfohlen. Wenn Sie das Zoomen beim Doppelklicken deaktivieren möchten, können Sie das Attribut gestureHandling auf "none" festlegen.
draggable optional
Typ:boolean optional
Wenn false, kann die Karte nicht verschoben werden. Verschieben ist standardmäßig aktiviert.
draggableCursor optional
Typ:string optional
Der Name oder die URL des Cursors, der angezeigt werden soll, wenn der Mauszeiger auf eine verschiebbare Karte bewegt wird. Bei dieser Property wird das Symbol über das CSS-Attribut cursor geändert. Wie bei der CSS-Eigenschaft müssen Sie mindestens einen Fallback-Cursor angeben, der keine URL ist. Beispiel: draggableCursor: 'url(http://www.example.com/icon.png), auto;'
draggingCursor optional
Typ:string optional
Der Name oder die URL des Cursors, der angezeigt werden soll, wenn die Karte verschoben wird. Bei dieser Property wird das Symbol über das CSS-Attribut cursor geändert. Wie bei der CSS-Eigenschaft müssen Sie mindestens einen Fallback-Cursor angeben, der keine URL ist. Beispiel: draggingCursor: 'url(http://www.example.com/icon.png), auto;'
fullscreenControl optional
Typ:boolean optional
Der aktivierte/deaktivierte Status des Vollbildkontrollelements.
fullscreenControlOptions optional
Die Anzeigeoptionen für das Vollbild-Steuerelement.
gestureHandling optional
Typ:string optional
Mit dieser Einstellung wird festgelegt, wie die API Touch-Gesten auf der Karte verarbeitet. Zulässige Werte:
  • "cooperative": Mit Scrollereignissen und Touch-Gesten mit einem Finger wird die Seite gescrollt, die Karte wird nicht herangezoomt oder schwenken. Mit Touch-Gesten mit zwei Fingern können Sie die Karte schwenken und zoomen. Wenn Sie die Karte scrollen, während Sie eine Strg- oder ⌘-Taste gedrückt halten, wird sie herangezoomt.
    In diesem Modus funktioniert die Karte mit der Seite zusammen.
  • "greedy": Mit allen Touch-Gesten und Scroll-Ereignissen können Sie die Karte schwenken oder zoomen.
  • "none": Die Karte kann nicht durch Nutzergesten schwenken oder zoomen.
  • "auto": (Standard) Die Touch-Geste wird entweder kooperativ oder gierig verarbeitet, je nachdem, ob die Seite scrollbar ist oder sich in einem iFrame befindet.
heading optional
Typ:number optional
Die Richtung von Luftbildern in Grad, gemessen im Uhrzeigersinn ausgehend von der Himmelsrichtung Norden. Richtungen rasten im nächsten verfügbaren Winkel ein, für den Bildmaterial zur Verfügung steht.
headingInteractionEnabled optional
Typ:boolean optional
Standard:false
Gibt an, ob Nutzer die Kamerarichtung (Drehung) auf der Karte steuern können sollen. Diese Option ist nur wirksam, wenn es sich bei der Karte um eine Vektorkarte handelt. Wenn sie nicht im Code festgelegt ist, wird die Cloud-Konfiguration für die Karten-ID verwendet (falls verfügbar).
internalUsageAttributionIds optional
Typ:Iterable<string> optional
Standard:null
Fügen Sie der Initialisierer-Funktion eine ID für die Nutzerzuordnung hinzu. So kann Google besser nachvollziehen, welche Bibliotheken und Samples für Entwickler hilfreich sind, z. B. die Verwendung einer Markierungs-Clustering-Bibliothek. Wenn Sie die ID für die Nutzerzuordnung nicht senden möchten, können Sie diese Property löschen oder den Wert durch einen leeren String ersetzen. Es werden nur eindeutige Werte gesendet. Änderungen an diesem Wert nach der Instanziierung werden möglicherweise ignoriert.
isFractionalZoomEnabled optional
Typ:boolean optional
Standard:true für Vektorkarten und false für Rasterkarten
Gibt an, ob auf der Karte Zwischenzoomstufen zulässig sein sollen. isfractionalzoomenabled_changed gibt an, wann die Standardeinstellung festgelegt wurde.
keyboardShortcuts optional
Typ:boolean optional
Wenn false, kann die Karte nicht über die Tastatur gesteuert werden. Tastaturkürzel sind standardmäßig aktiviert.
mapId optional
Typ:string optional
Die Karten-ID der Karte. Dieser Parameter kann nicht mehr festgelegt oder geändert werden, nachdem eine Karte instanziiert wurde. Mit Map.DEMO_MAP_ID können Sie Funktionen ausprobieren, für die eine Karten-ID, aber keine Cloud-Aktivierung erforderlich ist.
mapTypeControl optional
Typ:boolean optional
Anfänglicher Aktivierungs-/Inaktivierungsstatus der Kartentypsteuerung.
mapTypeControlOptions optional
Anfängliche Anzeigeoptionen für die Kartentypsteuerung.
mapTypeId optional
Typ:MapTypeId|string optional
Anfängliche mapTypeId der Karte. Die Standardeinstellung ist ROADMAP.
maxZoom optional
Typ:number optional
Die maximale Zoomstufe, die auf der Karte angezeigt wird. Wenn dieser Parameter weggelassen oder auf null festgelegt wird, wird stattdessen die maximale Zoomstufe des aktuellen Kartentyps verwendet. Gültige Zoomwerte sind Zahlen von null bis zur unterstützten maximalen Zoomstufe.
minZoom optional
Typ:number optional
Die minimale Zoomstufe, die auf der Karte angezeigt wird. Wenn dieser Parameter weggelassen oder auf null festgelegt ist, wird stattdessen der Mindestzoom des aktuellen Kartentyps verwendet. Gültige Zoomwerte sind Zahlen von null bis zur unterstützten maximalen Zoomstufe.
noClear optional
Typ:boolean optional
Wenn true, löschen Sie den Inhalt des Div-Elements „map“ nicht.
panControl optional
Typ:boolean optional
Der Aktivierungs-/Deaktivierungsstatus der Schwenksteuerung.

panControlOptions optional
Typ:PanControlOptions optional
Die Anzeigeoptionen für die Schwenksteuerung.

renderingType optional
Typ:RenderingType optional
Ob es sich bei der Karte um eine Raster- oder eine Vektorkarte handelt. Dieser Parameter kann nicht mehr festgelegt oder geändert werden, nachdem eine Karte instanziiert wurde. Wenn er nicht festgelegt ist, wird der Renderingtyp (falls verfügbar) anhand der Cloud-Konfiguration für die Karten-ID bestimmt. Vektorkarten sind möglicherweise nicht für alle Geräte und Browser verfügbar. Bei Bedarf wird auf eine Rasterkarte umgestellt.
restriction optional
Typ:MapRestriction optional
Definiert eine Grenze, die den für Nutzer zugänglichen Bereich der Karte einschränkt. In diesem Fall kann der Nutzer nur schwenken und zoomen, solange sich die Kameraansicht innerhalb der Grenzen der Begrenzung befindet.
rotateControl optional
Typ:boolean optional
Der Aktivierungs-/Deaktivierungsstatus der Drehsteuerung.
rotateControlOptions optional
Die Anzeigeoptionen für die Drehsteuerung.
scaleControl optional
Typ:boolean optional
Anfänglicher Aktivierungs-/Deaktivierungsstatus der Maßstabssteuerung.
scaleControlOptions optional
Typ:ScaleControlOptions optional
Anfängliche Anzeigeoptionen für die Maßstabssteuerung.
scrollwheel optional
Typ:boolean optional
Wenn false, wird das Zoomen auf der Karte über das Mausrad deaktiviert. Das Scrollrad ist standardmäßig aktiviert.

Hinweis: Diese Eigenschaft wird nicht empfohlen. Wenn Sie das Zoomen mit dem Scrollrad deaktivieren möchten, können Sie das Attribut gestureHandling auf "cooperative" oder "none" festlegen.
streetView optional
Typ:StreetViewPanorama optional
Ein StreetViewPanorama, das angezeigt wird, wenn der Street View-Pegman auf der Karte platziert wird. Wenn kein Panorama angegeben ist, wird beim Setzen des Markierungsstifts im div der Karte ein Standard-StreetViewPanorama angezeigt.
streetViewControl optional
Typ:boolean optional
Der anfängliche Status (aktiviert/deaktiviert) des Street View-Männchen-Steuerelements. Dieses Steuerelement ist Teil der Standard-Benutzeroberfläche und sollte auf false gesetzt werden, wenn ein Kartentyp angezeigt wird, in dem das Street View-Overlay für Straßen nicht erscheinen soll (z.B. ein anderer Kartentyp als Earth).
streetViewControlOptions optional
Anfängliche Anzeigeoptionen für das Steuerelement des Street View-Männchens.
styles optional
Typ:Array<MapTypeStyle> optional
Stile, die auf die einzelnen Standardkartentypen angewendet werden sollen. Im Modus satellite/hybrid und terrain werden diese Stile nur auf Labels und Geometrie angewendet. Diese Funktion ist nicht verfügbar, wenn Sie eine Karten-ID oder Vektorkarten verwenden. Verwenden Sie stattdessen das cloudbasierte Gestalten von Karteninhalten.
tilt optional
Typ:number optional
Legt für Vektorkarten den Einfallswinkel der Karte fest. Die zulässigen Werte sind je nach Zoomstufe der Karte eingeschränkt. Steuert bei Rasterkarten das automatische Umschalten für den Einfallswinkel der Karte. Die einzigen zulässigen Werte sind 0 und 45. Wenn Sie den Wert 0 verwenden, wird für die Karte unabhängig von Zoomstufe und Darstellungsbereich immer eine Aufsichtsansicht von 0° verwendet. Wenn Sie den Wert 45 festlegen, wird der Neigungswinkel automatisch auf 45° umgestellt, wenn für die aktuelle Zoomstufe und den aktuellen Ansichtsbereich 45°-Bilder verfügbar sind. Wenn keine 45°-Bilder verfügbar sind, wird der Neigungswinkel wieder auf 0° zurückgesetzt. Dies ist das Standardverhalten. 45°-Bilder sind nur für die Kartentypen satellite und hybrid, an einigen Orten und bei einigen Zoomstufen verfügbar. Hinweis:getTilt gibt den aktuellen Neigungswinkel zurück, nicht den mit dieser Option angegebenen Wert. Da sich getTilt und diese Option auf unterschiedliche Dinge beziehen, sollten Sie die tilt-Property nicht bind(). Andernfalls kann es zu unvorhersehbaren Auswirkungen kommen.
tiltInteractionEnabled optional
Typ:boolean optional
Standard:false
Gibt an, ob Nutzer die Kameraneigung auf der Karte steuern können sollen. Diese Option ist nur wirksam, wenn es sich bei der Karte um eine Vektorkarte handelt. Wenn sie nicht im Code festgelegt ist, wird die Cloud-Konfiguration für die Karten-ID verwendet (falls verfügbar).
zoom optional
Typ:number optional
Anfängliche Zoomstufe der Karte. Gültige Zoomwerte sind Zahlen von null bis zur unterstützten maximalen Zoomstufe. Höhere Zoomwerte entsprechen einer höheren Auflösung.
zoomControl optional
Typ:boolean optional
Der Aktivierungs-/Deaktivierungsstatus der Zoomsteuerung.
zoomControlOptions optional
Typ:ZoomControlOptions optional
Die Anzeigeoptionen für die Zoomsteuerung.

Klasse MapElement

google.maps.MapElement Kurs

MapElement ist eine HTMLElement-Unterklasse zum Rendern von Karten. Nachdem die maps-Bibliothek geladen wurde, kann eine Karte in HTML erstellt werden. Beispiel: 

<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
  <button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>
Intern wird Map verwendet, auf das über die Property innerMap zugegriffen werden kann.

Benutzerdefiniertes Element:
<gmp-map center="lat,lng" heading-interaction-disabled internal-usage-attribution-ids="id1 id2" map-id="string" rendering-type="vector" tilt-interaction-disabled zoom="number"></gmp-map>

Diese Klasse erweitert HTMLElement.

Diese Klasse implementiert MapElementOptions.

Rufe const {MapElement} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
MapElement
MapElement([options])
Parameter: 
center
Typ:LatLng|LatLngLiteral optional
Breiten- und Längengrad der Mitte der Karte.
HTML-Attribut:
  • <gmp-map center="lat,lng"></gmp-map>
headingInteractionDisabled
Typ:boolean optional
Standard:false
Gibt an, ob Nutzer die Kamerarichtung (Drehung) auf der Karte steuern können sollen. Diese Option ist nur wirksam, wenn es sich bei der Karte um eine Vektorkarte handelt. Wenn sie nicht im Code festgelegt ist, wird die Cloud-Konfiguration für die Karten-ID verwendet (falls verfügbar).
HTML-Attribut:
  • <gmp-map heading-interaction-disabled></gmp-map>
innerMap
Typ:Map
Ein Verweis auf die Map, die das MapElement intern verwendet.
internalUsageAttributionIds
Typ:Iterable<string> optional
Standard:null
Fügen Sie der Initialisierer-Funktion eine ID für die Nutzerzuordnung hinzu. So kann Google besser nachvollziehen, welche Bibliotheken und Samples für Entwickler hilfreich sind, z. B. die Verwendung einer Markierungs-Clustering-Bibliothek. Wenn Sie die ID für die Nutzerzuordnung nicht senden möchten, können Sie diese Property löschen oder den Wert durch einen leeren String ersetzen. Es werden nur eindeutige Werte gesendet. Änderungen an diesem Wert nach der Instanziierung werden möglicherweise ignoriert.
HTML-Attribut:
  • <gmp-map internal-usage-attribution-ids="id1 id2"></gmp-map>
mapId
Typ:string optional
Die Karten-ID der Karte. Dieser Parameter kann nicht mehr festgelegt oder geändert werden, nachdem eine Karte instanziiert wurde. Mit Map.DEMO_MAP_ID können Sie Funktionen ausprobieren, für die eine Karten-ID, aber keine Cloud-Aktivierung erforderlich ist.
HTML-Attribut:
  • <gmp-map map-id="string"></gmp-map>
renderingType
Typ:RenderingType optional
Ob es sich bei der Karte um eine Raster- oder eine Vektorkarte handelt. Dieser Parameter kann nicht mehr festgelegt oder geändert werden, nachdem eine Karte instanziiert wurde. Wenn er nicht festgelegt ist, wird der Renderingtyp (falls verfügbar) anhand der Cloud-Konfiguration für die Karten-ID bestimmt. Vektorkarten sind möglicherweise nicht für alle Geräte und Browser verfügbar. Bei Bedarf wird auf eine Rasterkarte umgestellt.
HTML-Attribut:
  • <gmp-map rendering-type="vector"></gmp-map>
  • <gmp-map rendering-type="raster"></gmp-map>
tiltInteractionDisabled
Typ:boolean optional
Standard:false
Gibt an, ob Nutzer die Kameraneigung auf der Karte steuern können sollen. Diese Option ist nur wirksam, wenn es sich bei der Karte um eine Vektorkarte handelt. Wenn sie nicht im Code festgelegt ist, wird die Cloud-Konfiguration für die Karten-ID verwendet (falls verfügbar).
HTML-Attribut:
  • <gmp-map tilt-interaction-disabled></gmp-map>
zoom
Typ:number optional
Die Zoomstufe der Karte. Gültige Zoomwerte sind Zahlen von null bis zur unterstützten maximalen Zoomstufe. Höhere Zoomwerte entsprechen einer höheren Auflösung.
HTML-Attribut:
  • <gmp-map zoom="number"></gmp-map>
control-block-end-inline-center
Platziert das Element mit der Aussparung an der Position ControlPosition.BLOCK_END_INLINE_CENTER.
control-block-end-inline-end
Platziert das Element mit der Aussparung an der Position ControlPosition.BLOCK_END_INLINE_END.
control-block-end-inline-start
Platziert das Element mit der Aussparung an der Position ControlPosition.BLOCK_END_INLINE_START.
control-block-start-inline-center
Platziert das Element mit der Aussparung an der Position ControlPosition.BLOCK_START_INLINE_CENTER.
control-block-start-inline-end
Platziert das Element mit der Aussparung an der Position ControlPosition.BLOCK_START_INLINE_END.
control-block-start-inline-start
Platziert das Element mit der Aussparung an der Position ControlPosition.BLOCK_START_INLINE_START.
control-inline-end-block-center
Platziert das Element mit der Aussparung an der Position ControlPosition.INLINE_END_BLOCK_CENTER.
control-inline-end-block-end
Platziert das Element mit der Aussparung an der Position ControlPosition.INLINE_END_BLOCK_END.
control-inline-end-block-start
Platziert das Element mit der Aussparung an der Position ControlPosition.INLINE_END_BLOCK_START.
control-inline-start-block-center
Platziert das Element mit der Aussparung an der Position ControlPosition.INLINE_START_BLOCK_CENTER.
control-inline-start-block-end
Platziert das Element mit der Aussparung an der Position ControlPosition.INLINE_START_BLOCK_END.
control-inline-start-block-start
Platziert das Element mit der Aussparung an der Position ControlPosition.INLINE_START_BLOCK_START.
default
Mithilfe von benutzerdefinierten Elementen können Sie wiederverwendbare Komponenten um die JavaScript-Webkomponenten von Google Maps herum erstellen, z. B. AdvancedMarkerElement. Standardmäßig werden alle benutzerdefinierten Elemente, die direkt der MapElement hinzugefügt werden, in MapPanes.overlayMouseTarget platziert und gerendert. Die Web-Komponenten der Maps JavaScript API können jedoch in die internen Slots von MapElement verschoben werden.
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string Ein String, der den Ereignistyp darstellt, auf den gewartet werden soll. Die Groß- und Kleinschreibung ist dabei zu beachten.
  • listener:  EventListener|EventListenerObject Das Objekt, das eine Benachrichtigung erhält. Dies muss eine Funktion oder ein Objekt mit der Methode „handleEvent“ sein.
  • options:  boolean|AddEventListenerOptions optional Siehe Optionen. Bei benutzerdefinierten Ereignissen werden nur capture und passive unterstützt.
Rückgabewert:void
Hiermit wird eine Funktion eingerichtet, die aufgerufen wird, wenn das angegebene Ereignis an das Ziel gesendet wird. Weitere Informationen finden Sie unter addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
Rückgabewert:void
Entfernt einen zuvor mit addEventListener registrierten Ereignis-Listener aus dem Ziel. Siehe removeEventListener
gmp-zoomchange
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft "Zoom" der Karte ändert.

MapElementOptions-Schnittstelle

google.maps.MapElementOptions Benutzeroberfläche

Das MapElementOptions-Objekt wird verwendet, um die Eigenschaften zu definieren, die für ein MapElement festgelegt werden können.
center optional
Typ:LatLng|LatLngLiteral optional
MapElement.center ansehen.
headingInteractionDisabled optional
Typ:boolean optional
MapElement.headingInteractionDisabled ansehen.
internalUsageAttributionIds optional
Typ:Iterable<string> optional
MapElement.internalUsageAttributionIds ansehen.
mapId optional
Typ:string optional
MapElement.mapId ansehen.
renderingType optional
Typ:RenderingType optional
MapElement.renderingType ansehen.
tiltInteractionDisabled optional
Typ:boolean optional
MapElement.tiltInteractionDisabled ansehen.
zoom optional
Typ:number optional
MapElement.zoom ansehen.

Klasse ZoomChangeEvent

google.maps.ZoomChangeEvent Kurs

Dieses Ereignis wird durch das Überwachen von Zoomänderungen erstellt.

Diese Klasse erweitert Event.

Rufe const {ZoomChangeEvent} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

MapTypeStyle-Schnittstelle

google.maps.MapTypeStyle Benutzeroberfläche

MapTypeStyle ist eine Sammlung von Selektoren und Stilelementen, die festlegen, wie die Karte gestaltet werden soll. Mit Selektoren werden die Kartenelemente und/oder ‑unterelemente angegeben, die betroffen sein sollen, und mit Stylern wird festgelegt, wie diese Elemente geändert werden sollen. Weitere Informationen finden Sie in der Referenz zu Stilen.
stylers
Die Stilregeln, die auf die ausgewählten Kartenelemente und ‑unterelemente angewendet werden sollen. Die Regeln werden in der Reihenfolge angewendet, die Sie in diesem Array angeben. Richtlinien zur Verwendung und zulässige Werte finden Sie in der Stilreferenz.
elementType optional
Typ:string optional
Das Element, auf das ein Styler angewendet werden soll. Ein Element ist ein visueller Aspekt eines Elements auf der Karte. Beispiele: ein Label, ein Symbol, der Strich oder die Füllung, die auf die Geometrie angewendet wird. Optional. Wenn elementType nicht angegeben ist, wird davon ausgegangen, dass der Wert 'all' ist. Weitere Informationen zur Verwendung und zu zulässigen Werten finden Sie in der Referenz für Stile.
featureType optional
Typ:string optional
Die Funktion oder Gruppe von Funktionen, auf die ein Styler angewendet werden soll. Optional. Wenn featureType nicht angegeben ist, wird davon ausgegangen, dass der Wert 'all' ist. Weitere Informationen zur Verwendung und zu zulässigen Werten finden Sie in der Referenz für Stile.

MapMouseEvent -Schnittstelle

google.maps.MapMouseEvent Benutzeroberfläche

Dieses Objekt wird von verschiedenen Mausereignissen auf der Karte und auf Overlays zurückgegeben und enthält alle unten gezeigten Felder.
domEvent
Das entsprechende native DOM-Ereignis. Entwickler sollten nicht davon ausgehen, dass die Properties target, currentTarget, relatedTarget und path definiert und konsistent sind. Entwickler sollten sich auch nicht auf die DOM-Struktur der internen Implementierung der Maps API verlassen. Aufgrund der internen Ereigniszuordnung kann die domEvent eine andere Semantik als die MapMouseEvent haben (z.B. kann ein MapMouseEvent-Klick eine domEvent vom Typ KeyboardEvent haben).
latLng optional
Typ:LatLng optional
Die geografische Breite/Länge, die sich unter dem Cursor befand, als das Ereignis eintrat.
stop
stop()
Parameter:Keine
Rückgabewert:void
Verhindert, dass dieses Ereignis weiter übertragen wird.

IconMouseEvent-Schnittstelle

google.maps.IconMouseEvent Benutzeroberfläche

Dieses Objekt wird in einem Ereignis gesendet, wenn ein Nutzer auf ein Symbol auf der Karte klickt. Die Orts-ID dieses Orts wird im Mitglied „placeId“ gespeichert. Wenn das Standard-Infofenster nicht angezeigt werden soll, rufen Sie die Methode „stop()“ für dieses Ereignis auf, um die Weiterleitung zu verhindern. Weitere Informationen zu Orts-IDs finden Sie im Entwicklerhandbuch für die Places API.

Diese Schnittstelle erweitert MapMouseEvent.

placeId optional
Typ:string optional
Die Orts-ID des Orts, auf den geklickt wurde. Anhand dieser Orts-ID können weitere Informationen zu dem angeklickten Element abgerufen werden.

Weitere Informationen zu Orts-IDs finden Sie im Entwicklerhandbuch für die Places API.
Übernommen:domEvent, latLng
Übernommen:stop

Konstanten für ColorScheme

google.maps.ColorScheme constants

Kennungen für Kartenfarbschemata. Geben Sie diese Werte anhand des Werts oder des Namens der Konstante an. Beispiel: 'FOLLOW_SYSTEM' oder google.maps.ColorScheme.FOLLOW_SYSTEM.

Rufe const {ColorScheme} = await google.maps.importLibrary("core") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
DARK Das dunkle Farbschema für eine Karte.
FOLLOW_SYSTEM Das Farbschema wird anhand der Systemeinstellungen ausgewählt.
LIGHT Das helle Farbschema für eine Karte. Standardwert für die alte Maps JS-Version.

Konstanten für MapTypeId

google.maps.MapTypeId constants

Kennungen für gebräuchliche MapTypes Geben Sie diese Werte anhand des Werts oder des Namens der Konstante an. Beispiel: 'satellite' oder google.maps.MapTypeId.SATELLITE.

Rufe const {MapTypeId} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
HYBRID Bei diesem Kartentyp wird eine transparente Ebene mit den Hauptstraßen auf Satellitenbildern angezeigt.
ROADMAP Bei diesem Kartentyp wird eine normale Straßenkarte angezeigt.
SATELLITE Bei diesem Kartentyp werden Satellitenbilder angezeigt.
TERRAIN Bei diesem Kartentyp werden Karten mit physischen Merkmalen wie Gelände und Vegetation angezeigt.

Klasse MapTypeRegistry

google.maps.MapTypeRegistry Kurs

Eine Registry für MapType-Instanzen, sortiert nach MapType-ID.

Diese Klasse erweitert MVCObject.

Rufe const {MapTypeRegistry} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
MapTypeRegistry
MapTypeRegistry()
Parameter:Keine
Die MapTypeRegistry enthält die Sammlung der benutzerdefinierten Kartentypen, die für die Karte verfügbar sind. Die API ruft diese Registry beispielsweise auf, wenn sie die Liste der verfügbaren Kartentypen in Steuerelementen bereitstellt.
set
set(id, mapType)
Parameter: 
  • id:  string Kennung des MapType, der der Registry hinzugefügt werden soll.
  • mapType:  MapType|? MapType-Objekt, das der Registry hinzugefügt werden soll.
Rückgabewert:Keiner
Legt fest, dass in der Registrierung der übergebene Zeichenfolgen-Kennzeichner dem übergebenen MapType zugewiesen werden soll.
Übernommen:addListener, bindTo, get, notify, setValues, unbind, unbindAll

MapRestriction-Schnittstelle

google.maps.MapRestriction Benutzeroberfläche

Eine Einschränkung, die auf die Karte angewendet werden kann. Der Darstellungsbereich der Karte darf diese Einschränkungen nicht überschreiten.
latLngBounds
Wenn diese Option festgelegt ist, kann ein Nutzer nur innerhalb der angegebenen Grenzen schwenken und zoomen. Begrenzungen können sowohl Längen- als auch Breitengrade einschränken oder nur Breitengrade. Verwenden Sie für Grenzen, die nur aus Breitengraden bestehen, die Längengrade -180 und 180, z. B. latLngBounds: {north: northLat, south: southLat, west: -180, east: 180}.
strictBounds optional
Typ:boolean optional
Die Grenzen können weiter eingeschränkt werden, indem das Flag strictBounds auf true gesetzt wird. So wird eingeschränkt, wie weit Nutzer herauszoomen können, damit alles außerhalb der eingeschränkten Grenzen ausgeblendet bleibt. Standardmäßig ist false festgelegt. Das bedeutet, dass Nutzer herauszoomen können, bis der gesamte eingegrenzte Bereich sichtbar ist, möglicherweise einschließlich Bereiche außerhalb des eingegrenzten Bereichs.

TrafficLayer-Klasse

google.maps.TrafficLayer Kurs

Eine Verkehrsebene.

Diese Klasse erweitert MVCObject.

Rufe const {TrafficLayer} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
TrafficLayer
TrafficLayer([opts])
Parameter: 
Eine Ebene, auf der der aktuelle Straßenverkehr angezeigt wird.
getMap
getMap()
Parameter:Keine
Rückgabewert:Map|null
Gibt die Karte zurück, auf der diese Ebene angezeigt wird.
setMap
setMap(map)
Parameter: 
  • map:  Map optional
Rückgabewert:Keiner
Gibt die Ebene auf der angegebenen Karte wieder. Wenn „map“ auf null gesetzt ist, wird die Ebene entfernt.
setOptions
setOptions(options)
Parameter: 
Rückgabewert:Keiner
Übernommen:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

TrafficLayerOptions-Schnittstelle

google.maps.TrafficLayerOptions Benutzeroberfläche

Mit dem Objekt „TrafficLayerOptions“ werden die Properties definiert, die für eine Verkehrsebene festgelegt werden können.
autoRefresh optional
Typ:boolean optional
Standard:true
Gibt an, ob die Besucherschicht automatisch mit aktualisierten Informationen aktualisiert wird.
map optional
Typ:Map optional
Karte, auf der die Verkehrsebene angezeigt werden soll.

Klasse TransitLayer

google.maps.TransitLayer Kurs

Eine Ebene für öffentliche Verkehrsmittel.

Diese Klasse erweitert MVCObject.

Rufe const {TransitLayer} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
TransitLayer
TransitLayer()
Parameter:Keine
Eine Ebene mit Linien des öffentlichen Nahverkehrs.
getMap
getMap()
Parameter:Keine
Rückgabewert:Map|null
Gibt die Karte zurück, auf der diese Ebene angezeigt wird.
setMap
setMap(map)
Parameter: 
  • map:  Map optional
Rückgabewert:void
Gibt die Ebene auf der angegebenen Karte wieder. Wenn „map“ auf null gesetzt ist, wird die Ebene entfernt.
Übernommen:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

BicyclingLayer-Klasse

google.maps.BicyclingLayer Kurs

Eine Ebene, auf der Fahrradwege und Fahrradspuren angezeigt werden.

Diese Klasse erweitert MVCObject.

Rufe const {BicyclingLayer} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
BicyclingLayer
BicyclingLayer()
Parameter:Keine
Eine Ebene, auf der Fahrradwege und Fahrradspuren angezeigt und große Straßen zurückgestuft werden.
getMap
getMap()
Parameter:Keine
Rückgabewert:Map|null
Gibt die Karte zurück, auf der diese Ebene angezeigt wird.
setMap
setMap(map)
Parameter: 
  • map:  Map optional
Rückgabewert:void
Gibt die Ebene auf der angegebenen Karte wieder. Wenn „map“ auf null gesetzt ist, wird die Ebene entfernt.
Übernommen:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Benutzeroberfläche CameraOptions

google.maps.CameraOptions Benutzeroberfläche

Wird zum Festlegen der Kameraoptionen der Karte verwendet.
center optional
Typ:LatLngLiteral|LatLng optional
heading optional
Typ:number optional
tilt optional
Typ:number optional
zoom optional
Typ:number optional

VisibleRegion-Schnittstelle

google.maps.VisibleRegion Benutzeroberfläche

Enthält die vier Punkte, die das vierseitige Polygon definieren, das den sichtbaren Bereich der Karte darstellt. Auf einer Vektorkarte kann dieses Polygon ein Trapez statt eines Rechtecks sein, wenn die Vektorkarte geneigt ist.
farLeft
Typ:LatLng
farRight
Typ:LatLng
latLngBounds
Der kleinste Begrenzungsrahmen, der den sichtbaren Bereich enthält.
nearLeft
Typ:LatLng
nearRight
Typ:LatLng

Konstanten für RenderingType

google.maps.RenderingType constants

Rufe const {RenderingType} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
RASTER Gibt an, dass es sich bei der Karte um eine Rasterkarte handelt.
UNINITIALIZED Gibt an, dass noch nicht bekannt ist, ob es sich um eine Vektor- oder Rasterkarte handelt, da die Initialisierung der Karte noch nicht abgeschlossen ist.
VECTOR Gibt an, dass es sich bei der Karte um eine Vektorkarte handelt.

MapCapabilities -Schnittstelle

google.maps.MapCapabilities Benutzeroberfläche

Objekt mit einem Snapshot der Funktionen, die derzeit für die Karte verfügbar sind. Das bedeutet nicht unbedingt, dass die relevanten Module geladen oder initialisiert werden, sondern dass die aktuelle Karte die Berechtigung zur Verwendung dieser APIs hat. In den Properties finden Sie eine Liste der möglichen Funktionen.
isAdvancedMarkersAvailable optional
Typ:boolean optional
Wenn diese Option aktiviert ist, ist die Karte richtig konfiguriert, um erweiterte Markierungen zu verwenden. Sie müssen die marker-Bibliothek weiterhin importieren, um erweiterte Markierungen verwenden zu können. Weitere Informationen finden Sie unter https://goo.gle/gmp-isAdvancedMarkersAvailable.
isDataDrivenStylingAvailable optional
Typ:boolean optional
Wenn diese Option aktiviert ist, ist diese Karte so konfiguriert, dass für mindestens eine Elementebene ein datengestütztes Styling verwendet werden kann. Weitere Informationen finden Sie unter https://goo.gle/gmp-data-driven-styling und https://goo.gle/gmp-FeatureLayerIsAvailable.
isWebGLOverlayViewAvailable optional
Typ:boolean optional
Wenn diese Option aktiviert ist, ist die Karte richtig konfiguriert, um die Verwendung von WebGLOverlayView zu ermöglichen.