New map styling is coming soon to Google Maps Platform. This update to map styling includes a new default color palette and improvements to map experiences and usability. All map styles will be automatically updated in March 2025. For more information on availability and how to opt in earlier, see New map style for Google Maps Platform.

Diese Seite wurde von der Cloud Translation API übersetzt.

3D Maps

Map3DElement-Klasse

google.maps.maps3d.Map3DElement Klasse

Map3DElement ist eine HTML-Schnittstelle für die 3D-Kartenansicht.

Benutzerdefiniertes Element:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled heading="number" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" range="number" roll="number" tilt="number"></gmp-map-3d>

Diese Klasse erweitert HTMLElement.

Mit dieser Klasse wird Map3DElementOptions implementiert.

Zugriff über const {Map3DElement} = await google.maps.importLibrary("maps3d") aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstruktor
`Map3DElement`	`Map3DElement([options])` Parameter: `options`: `Map3DElementOptions optional`

Attribute
`bounds`	Typ:`LatLngBounds\|LatLngBoundsLiteral optional` Wenn festgelegt, wird die Kameraposition innerhalb der angegebenen Breiten- und Längengrenzen eingeschränkt. Beachten Sie, dass Objekte außerhalb der Grenzen weiterhin gerendert werden. Grenzen können sowohl den Längen- als auch den Breitengrad oder nur den Breiten- oder Längengrad einschränken. Verwenden Sie für reine Breitengrenzen die westlichen bzw. östlichen Längengrade von `-180` bzw. `180`. Verwenden Sie für Grenzen, die sich nur auf den Längengrad beziehen, die nördlichen bzw. südlichen Breitengrade von `90` bzw. `-90`.
`center`	Typ:`LatLngAltitude\|LatLngAltitudeLiteral optional` Der Mittelpunkt der Karte, angegeben als LatLngAltitude, wobei die Höhe in Metern über Grund angegeben wird. Das muss nicht unbedingt der Ort sein, an dem sich die Kamera befindet. Das Feld `range` beeinflusst die Entfernung der Kamera zur Kartenmitte. Enthält standardmäßig den Wert `{lat: 0, lng: 0, altitude: 63170000}`, wenn nichts anderes festgelegt wird. Die maximal zulässige Höhe (Radius der Erde multipliziert mit 10) beträgt 6.317.0000 Meter. HTML-Attribut: `<gmp-map-3d center="lat,lng,altitude"></gmp-map-3d>`
`defaultLabelsDisabled`	Typ:`boolean optional` Standardwert: `false` Wenn `true`, werden die Standardkartenlabels nicht gerendert. HTML-Attribut: `<gmp-map-3d default-labels-disabled></gmp-map-3d>`
`heading`	Typ:`number optional` Die Kompassausrichtung der Karte in Grad, wobei der Norden genau Null ist. Wenn keine Neigung erfolgt ist, wird jedes Würfeln als Richtung interpretiert. HTML-Attribut: `<gmp-map-3d heading="number"></gmp-map-3d>`
`maxAltitude`	Typ:`number optional` Die maximale Höhe über dem Boden, die auf der Karte angezeigt wird. Ein gültiger Wert liegt zwischen `0` und `63170000` Metern (Erdradius multipliziert mit 10). HTML-Attribut: `<gmp-map-3d max-altitude="number"></gmp-map-3d>`
`maxHeading`	Typ:`number optional` Der maximale Ausrichtungswinkel (Drehung) der Karte. Ein gültiger Wert liegt zwischen `0` und `360` Grad. `minHeading` und `maxHeading` stellen ein Intervall von <= `360` Grad dar, in dem Überschriftenbewegungen zulässig sind. `minHeading = 180` und `maxHeading = 90` lassen Überschriften in `[0, 90]` und Überschriften in `[180, 360]` zu. `minHeading = 90` und `maxHeading = 180` lassen Überschriften in `[90, 180]` zu. HTML-Attribut: `<gmp-map-3d max-heading="number"></gmp-map-3d>`
`maxTilt`	Typ:`number optional` Der maximale Einfallswinkel der Karte Ein gültiger Wert liegt zwischen `0` und `90` Grad. HTML-Attribut: `<gmp-map-3d max-tilt="number"></gmp-map-3d>`
`minAltitude`	Typ:`number optional` Die Mindesthöhe über dem Boden, die auf der Karte angezeigt wird. Ein gültiger Wert liegt zwischen `0` und `63170000` Metern (Erdradius multipliziert mit 10). HTML-Attribut: `<gmp-map-3d min-altitude="number"></gmp-map-3d>`
`minHeading`	Typ:`number optional` Der Mindestwinkel der Ausrichtung (Drehung) der Karte. Ein gültiger Wert liegt zwischen `0` und `360` Grad. `minHeading` und `maxHeading` stellen ein Intervall von <= `360` Grad dar, in dem Überschriftenbewegungen zulässig sind. `minHeading = 180` und `maxHeading = 90` lassen Überschriften in `[0, 90]` und Überschriften in `[180, 360]` zu. `minHeading = 90` und `maxHeading = 180` lassen Überschriften in `[90, 180]` zu. HTML-Attribut: `<gmp-map-3d min-heading="number"></gmp-map-3d>`
`minTilt`	Typ:`number optional` Der minimale Einfallswinkel der Karte. Ein gültiger Wert liegt zwischen `0` und `90` Grad. HTML-Attribut: `<gmp-map-3d min-tilt="number"></gmp-map-3d>`
`range`	Typ:`number optional` Abstand von der Kamera zur Kartenmitte in Metern HTML-Attribut: `<gmp-map-3d range="number"></gmp-map-3d>`
`roll`	Typ:`number optional` Das Drehen der Kamera um den Ansichtsvektor in Grad. Um Unklarheiten zu beseitigen, wird jedes Roll-out als Richtung interpretiert, wenn keine Neigung erfolgt. HTML-Attribut: `<gmp-map-3d roll="number"></gmp-map-3d>`
`tilt`	Typ:`number optional` Die Neigung des Kamerasichtvektors in Grad. Ein Ansichtsvektor, der direkt auf die Erde gerichtet ist, hätte eine Neigung von null Grad. Ein von der Erde weg weisender Ansichtsvektor hätte eine Neigung von `180` Grad. HTML-Attribut: `<gmp-map-3d tilt="number"></gmp-map-3d>`

Methoden
`addEventListener`	Hinweis:Nur im Kanal v=beta verfügbar. `addEventListener(type, listener[, options])` Parameter: `type`: `string` Ein String, der den Ereignistyp darstellt, auf den gewartet werden soll. Dabei wird die Groß- und Kleinschreibung berücksichtigt. `listener`: `EventListener\|EventListenerObject` Das Objekt, das eine Benachrichtigung empfängt. Dies muss eine Funktion oder ein Objekt mit der Methode "handleEvent" sein `options`: `boolean\|AddEventListenerOptions optional` Weitere Informationen finden Sie unter Optionen. Benutzerdefinierte Ereignisse unterstützen nur `capture` und `passive`. Rückgabewert: `void` Richtet eine Funktion ein, die aufgerufen wird, wenn das angegebene Ereignis an das Ziel geliefert wird. Siehe addEventListener.
`removeEventListener`	Hinweis:Nur im Kanal v=beta verfügbar. `removeEventListener(type, listener[, options])` Parameter: `type`: `string` Ein String, der die Art des Ereignisses angibt, für das ein Ereignis-Listener entfernt werden soll. `listener`: `EventListener\|EventListenerObject` Der Event-Listener des Event-Handlers, der aus dem Ereignisziel entfernt werden soll. `options`: `boolean\|EventListenerOptions optional` Siehe Optionen Rückgabewert: `void` Entfernt einen Event-Listener, der zuvor mit addEventListener registriert wurde, aus dem Ziel. Siehe removeEventListener.

Methoden

addEventListener

addEventListener(type, listener[, options])

Parameter:

type: string Ein String, der den Ereignistyp darstellt, auf den gewartet werden soll. Dabei wird die Groß- und Kleinschreibung berücksichtigt.
listener: EventListener|EventListenerObject Das Objekt, das eine Benachrichtigung empfängt. Dies muss eine Funktion oder ein Objekt mit der Methode "handleEvent" sein
options: boolean|AddEventListenerOptions optional Weitere Informationen finden Sie unter Optionen. Benutzerdefinierte Ereignisse unterstützen nur capture und passive.

Rückgabewert: void

Richtet eine Funktion ein, die aufgerufen wird, wenn das angegebene Ereignis an das Ziel geliefert wird. Siehe addEventListener.

removeEventListener

removeEventListener(type, listener[, options])

Parameter:

type: string Ein String, der die Art des Ereignisses angibt, für das ein Ereignis-Listener entfernt werden soll.
listener: EventListener|EventListenerObject Der Event-Listener des Event-Handlers, der aus dem Ereignisziel entfernt werden soll.
options: boolean|EventListenerOptions optional Siehe Optionen

Rückgabewert: void

Entfernt einen Event-Listener, der zuvor mit addEventListener registriert wurde, aus dem Ziel. Siehe removeEventListener.

Veranstaltungen
`gmp-centerchange`	`function(centerChangeEvent)` Argumente: `centerChangeEvent`: `CenterChangeEvent` Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft center des Map3DElement ändert.
`gmp-click`	`function(clickEvent)` Argumente: `clickEvent`: `ClickEvent` Dieses Ereignis wird ausgelöst, wenn auf das `Map3DElement`-Element geklickt wird.
`gmp-headingchange`	`function(headingChangeEvent)` Argumente: `headingChangeEvent`: `HeadingChangeEvent` Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft "Überschrift" des Map3DElement ändert.
`gmp-rangechange`	`function(rangeChangeEvent)` Argumente: `rangeChangeEvent`: `RangeChangeEvent` Dieses Ereignis wird ausgelöst, wenn sich die Bereichseigenschaft von Map3DElement ändert.
`gmp-rollchange`	`function(rollChangeEvent)` Argumente: `rollChangeEvent`: `RollChangeEvent` Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft "roll" des Map3DElement ändert.
`gmp-steadychange`	`function(steadyChangeEvent)` Argumente: `steadyChangeEvent`: `SteadyChangeEvent` Dieses Ereignis wird ausgelöst, wenn sich der stabile Zustand von `Map3DElement` ändert.
`gmp-tiltchange`	`function(tiltChangeEvent)` Argumente: `tiltChangeEvent`: `TiltChangeEvent` Dieses Ereignis wird ausgelöst, wenn sich die Neigungseigenschaft von Map3DElement ändert.

Map3DElementOptions-Schnittstelle

google.maps.maps3d.Map3DElementOptions-Schnittstelle

Map3DElementOptions-Objekt, mit dem die Eigenschaften definiert werden, die für ein Map3DElement festgelegt werden können.

Attribute
`bounds optional`	Typ:`LatLngBounds\|LatLngBoundsLiteral optional` `Map3DElement.bounds` ansehen.
`center optional`	Typ:`LatLngAltitude\|LatLngAltitudeLiteral optional` `Map3DElement.center` ansehen.
`defaultLabelsDisabled optional`	Typ:`boolean optional` `Map3DElement.defaultLabelsDisabled` ansehen.
`heading optional`	Typ:`number optional` `Map3DElement.heading` ansehen.
`maxAltitude optional`	Typ:`number optional` `Map3DElement.maxAltitude` ansehen.
`maxHeading optional`	Typ:`number optional` `Map3DElement.maxHeading` ansehen.
`maxTilt optional`	Typ:`number optional` `Map3DElement.maxTilt` ansehen.
`minAltitude optional`	Typ:`number optional` `Map3DElement.minAltitude` ansehen.
`minHeading optional`	Typ:`number optional` `Map3DElement.minHeading` ansehen.
`minTilt optional`	Typ:`number optional` `Map3DElement.minTilt` ansehen.
`range optional`	Typ:`number optional` `Map3DElement.range` ansehen.
`roll optional`	Typ:`number optional` `Map3DElement.roll` ansehen.
`tilt optional`	Typ:`number optional` `Map3DElement.tilt` ansehen.