Map3DElement Klasse
google.maps.maps3d.Map3DElement
Klasse
Map3DElement ist eine HTML-Oberfläche 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 umfasst
HTMLElement
Diese Klasse implementiert
Map3DElementOptions
Zugriff durch Aufrufen von const {Map3DElement} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstruktor | |
---|---|
Map3DElement |
Map3DElement([options]) Parameter:
|
Attribute | |
---|---|
bounds |
Typ:
LatLngBounds|LatLngBoundsLiteral optional Wenn festgelegt, wird die Position der Kamera innerhalb der angegebenen Breiten- und Längengrade eingeschränkt. Objekte außerhalb der Begrenzungen werden trotzdem gerendert. Mit Bounds können sowohl der Längengrad als auch der Breitengrad oder nur der Breitengrad oder der Längengrad eingeschränkt werden. Verwenden Sie für Begrenzungen, die nur Breiten entsprechen, die westlichen und östlichen Längengrade -180 bzw. 180 . Verwenden Sie für Begrenzungen, die nur den Längengrad betreffen, die nördlichen und südlichen Breitengrade von 90 bzw. -90 . |
center |
Typ:
LatLngAltitude|LatLngAltitudeLiteral optional Der Mittelpunkt der Karte als LatLngAltitude, wobei die Höhe in Metern über Grund angegeben wird. Beachten Sie, dass sich die Kamera nicht unbedingt hier befindet, da das Feld
range die Entfernung der Kamera von der Kartenmitte beeinflusst. Enthält standardmäßig den Wert {lat: 0, lng: 0, altitude: 63170000} , wenn nichts anderes festgelegt wird. 63170000 Meter ist die maximal zulässige Höhe (Erderadius multipliziert mit 10).HTML-Attribut:
|
defaultLabelsDisabled |
Typ:
boolean optional Standard:
false Bei
true werden keine Standardkartenlabels gerendert.HTML-Attribut:
|
heading |
Typ:
number optional Die Kompassausrichtung der Karte in Grad, wobei der Norden null beträgt. Wenn keine Neigung vorhanden ist, wird das Abrollen als Richtung interpretiert.
HTML-Attribut:
|
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 Meter (Erdradius multipliziert mit 10).HTML-Attribut:
|
maxHeading |
Typ:
number optional Der maximale Richtungswinkel (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 Richtungsbewegungen zulässig sind. minHeading = 180 und maxHeading = 90 erlauben die Überschrift in [0, 90] und die Überschrift in [180, 360] . minHeading = 90 und maxHeading = 180 erlauben die Überschrift in [90, 180] .HTML-Attribut:
|
maxTilt |
Typ:
number optional Der maximale Einfallswinkel der Karte. Ein gültiger Wert liegt zwischen
0 und 90 Grad.HTML-Attribut:
|
minAltitude |
Typ:
number optional Die minimale Höhe über dem Boden, die auf der Karte angezeigt wird. Ein gültiger Wert liegt zwischen
0 und 63170000 Meter (Erdradius multipliziert mit 10).HTML-Attribut:
|
minHeading |
Typ:
number optional Der minimale Richtungswinkel (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 Richtungsbewegungen zulässig sind. minHeading = 180 und maxHeading = 90 erlauben die Überschrift in [0, 90] und die Überschrift in [180, 360] . minHeading = 90 und maxHeading = 180 erlauben die Überschrift in [90, 180] .HTML-Attribut:
|
minTilt |
Typ:
number optional Der minimale Einfallswinkel der Karte. Ein gültiger Wert liegt zwischen
0 und 90 Grad.HTML-Attribut:
|
range |
Typ:
number optional Die Entfernung zwischen der Kamera und der Kartenmitte in Metern.
HTML-Attribut:
|
roll |
Typ:
number optional Die Rollbewegung der Kamera um den Ansichtsvektor in Grad. Um Unklarheiten zu beseitigen, wird jede Rollbewegung als Richtung interpretiert, wenn keine Neigung vorhanden ist.
HTML-Attribut:
|
tilt |
Typ:
number optional Die Neigung des Ansichtsvektors der Kamera in Grad. Ein Ansichtsvektor, der direkt auf die Erde blickt, hätte eine Neigung von null Grad. Ein von der Erde weg weisender Ansichtsvektor hätte eine Neigung von
180 Grad.HTML-Attribut:
|
Methoden | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Rückgabewert:
void Richtet eine Funktion ein, die immer aufgerufen wird, wenn das angegebene Ereignis an das Ziel geliefert wird. Siehe addEventListener |
|
removeEventListener(type, listener[, options]) Parameter:
Rückgabewert:
void Entfernt einen zuvor mit addEventListener registrierten Event-Listener aus dem Ziel. Siehe removeEventListener |
Ereignisse | |
---|---|
gmp-centerchange |
function(centerChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich die center-Eigenschaft des Map3DElements ändert. |
gmp-click |
function(clickEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn auf das Element Map3DElement geklickt wird. |
gmp-headingchange |
function(headingChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft heading des Map3DElements ändert. |
gmp-rangechange |
function(rangeChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich die Bereichseigenschaft des Map3DElements ändert. |
gmp-rollchange |
function(rollChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich die Roll-Eigenschaft des Map3DElements ändert. |
gmp-steadychange |
function(steadyChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich der stabile Zustand von Map3DElement ändert. |
gmp-tiltchange |
function(tiltChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft „Neigung“ des Map3DElements ändert. |
Map3DElementOptions. Benutzeroberfläche
google.maps.maps3d.Map3DElementOptions
Benutzeroberfläche
Map3DElementOptions-Objekt zum Definieren der Eigenschaften, 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. |
SteadyChangeEvent Klasse
google.maps.maps3d.SteadyChangeEvent
Klasse
Dieses Ereignis wird erstellt, weil ein stabiler Zustand von Map3DElement
überwacht wird. Dieses Ereignis tritt im DOM-Baum ein.
Diese Klasse umfasst
Event
Zugriff durch Aufrufen von const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Attribute | |
---|---|
isSteady |
Typ:
boolean Gibt an, ob das Map3DElement stabil ist, d.h. ob das Rendern der aktuellen Szene abgeschlossen ist oder nicht. |
ClickEvent Klasse
google.maps.maps3d.ClickEvent
Klasse
Dieses Ereignis wird durch Klicken auf ein Map3DElement erstellt.
Diese Klasse umfasst
Event
Zugriff durch Aufrufen von const {ClickEvent} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Attribute | |
---|---|
position |
Typ:
LatLngAltitude optional Der Breiten-, Längengrad und die Höhe, die sich unter dem Cursor befand, als das Ereignis eintrat. Beachten Sie, dass bei gröberen Werten weniger genaue Daten zurückgegeben werden. Außerdem kann die Höhe des Meeresgrunds als Höhenwert zurückgegeben werden, wenn von einer höheren Kameraposition aus auf die Wasseroberfläche geklickt wird. Dieses Ereignis tritt im DOM-Baum ein. |
CenterChangeEvent Klasse
google.maps.maps3d.CenterChangeEvent
Klasse
Dieses Ereignis wurde aufgrund einer Monitoring Center-Änderung am Map3DElement
erstellt. Dieses Ereignis tritt im DOM-Baum ein.
Diese Klasse umfasst
Event
Zugriff durch Aufrufen von const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
HeadingChangeEvent Klasse
google.maps.maps3d.HeadingChangeEvent
Klasse
Dieses Ereignis wird durch die Überwachung einer Überschriftsänderung am Map3DElement
erstellt. Dieses Ereignis tritt im DOM-Baum ein.
Diese Klasse umfasst
Event
Zugriff durch Aufrufen von const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
RangeChangeEvent Klasse
google.maps.maps3d.RangeChangeEvent
Klasse
Dieses Ereignis wird aufgrund einer Änderung des Monitoringbereichs am Map3DElement
erstellt. Dieses Ereignis tritt im DOM-Baum ein.
Diese Klasse umfasst
Event
Zugriff durch Aufrufen von const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
RollChangeEvent Klasse
google.maps.maps3d.RollChangeEvent
Klasse
Dieses Ereignis wird aus dem Monitoring der Roll-Änderung am Map3DElement
erstellt. Dieses Ereignis tritt im DOM-Baum ein.
Diese Klasse umfasst
Event
Zugriff durch Aufrufen von const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
TiltChangeEvent Klasse
google.maps.maps3d.TiltChangeEvent
Klasse
Dieses Ereignis wird durch die Überwachung der Neigungsänderung am Map3DElement
erstellt. Dieses Ereignis tritt im DOM-Baum ein.
Diese Klasse umfasst
Event
Zugriff durch Aufrufen von const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Polyline3DElement Klasse
google.maps.maps3d.Polyline3DElement
Klasse
Eine 3D-Polylinie ist ein lineares Overlay, das aus verbundenen Liniensegmenten auf einer 3D-Karte besteht.
Benutzerdefiniertes Element:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-opacity="number" outer-width="number" stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polyline-3d>
Diese Klasse umfasst
HTMLElement
Diese Klasse implementiert
Polyline3DElementOptions
Zugriff durch Aufrufen von const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstruktor | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) Parameter:
|
Attribute | |
---|---|
altitudeMode |
Typ:
AltitudeMode optional Standard:
AltitudeMode.ABSOLUTE Gibt an, wie Höhenkomponenten in den Koordinaten interpretiert werden.
HTML-Attribut:
|
coordinates |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Die geordnete Reihenfolge der Koordinaten der Polylinie. Die Höhe wird in bestimmten Modi ignoriert und ist daher optional. |
drawsOccludedSegments |
Typ:
boolean optional Standard:
false Gibt an, ob Teile der Polylinie, die verdeckt werden könnten, gezeichnet werden oder nicht. Polylinien können durch Kartengeometrie (z.B. Gebäude) verdeckt werden.
HTML-Attribut:
|
extruded |
Typ:
boolean optional Standard:
false Gibt an, ob die Polylinie mit dem Boden verbunden werden soll. Zum Extrudieren einer Polylinie muss
altitudeMode entweder RELATIVE_TO_GROUND oder ABSOLUTE sein.HTML-Attribut:
|
geodesic |
Typ:
boolean optional Standard:
false Wenn
true festgelegt ist, werden Kanten der Polylinie als geodätisch interpretiert und folgen der Krümmung der Erde. Bei der Einstellung false werden Ränder der Polylinie als gerade Linien im Bildschirmbereich gerendert.HTML-Attribut:
|
outerColor |
Typ:
string optional Die äußere Farbe. Alle CSS3-Farben werden unterstützt.
HTML-Attribut:
|
outerOpacity |
Typ:
number optional Die äußere Deckkraft zwischen
0.0 und 1.0 .HTML-Attribut:
|
outerWidth |
Typ:
number optional Die äußere Breite liegt zwischen
0.0 und 1.0 . Dies ist ein Prozentsatz von strokeWidth .HTML-Attribut:
|
strokeColor |
Typ:
string optional Die Strichfarbe. Alle CSS3-Farben werden unterstützt.
HTML-Attribut:
|
strokeOpacity |
Typ:
number optional Die Deckkraft des Strichs zwischen
0.0 und 1.0 .HTML-Attribut:
|
strokeWidth |
Typ:
number optional Die Linienstärke in Pixeln.
HTML-Attribut:
|
zIndex |
Typ:
number optional Der zIndex im Vergleich zu anderen Polys.
HTML-Attribut:
|
Methoden | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Rückgabewert:
void Richtet eine Funktion ein, die immer aufgerufen wird, wenn das angegebene Ereignis an das Ziel geliefert wird. Siehe addEventListener |
|
removeEventListener(type, listener[, options]) Parameter:
Rückgabewert:
void Entfernt einen zuvor mit addEventListener registrierten Event-Listener aus dem Ziel. Siehe removeEventListener |
Polyline3DElementOptions Benutzeroberfläche
google.maps.maps3d.Polyline3DElementOptions
Benutzeroberfläche
Polyline3DElementOptions-Objekt, mit dem die Eigenschaften definiert werden, die für ein Polyline3DElement festgelegt werden können.
Attribute | |
---|---|
altitudeMode optional |
Typ:
AltitudeMode optional Standard:
AltitudeMode.ABSOLUTE Polyline3DElement.altitudeMode ansehen. |
coordinates optional |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Polyline3DElement.coordinates ansehen. |
drawsOccludedSegments optional |
Typ:
boolean optional Standard:
false |
extruded optional |
Typ:
boolean optional Standard:
false Polyline3DElement.extruded ansehen. |
geodesic optional |
Typ:
boolean optional Standard:
false Polyline3DElement.geodesic ansehen. |
outerColor optional |
Typ:
string optional Polyline3DElement.outerColor ansehen. |
outerOpacity optional |
Typ:
number optional Polyline3DElement.outerOpacity ansehen. |
outerWidth optional |
Typ:
number optional Polyline3DElement.outerWidth ansehen. |
strokeColor optional |
Typ:
string optional Polyline3DElement.strokeColor ansehen. |
strokeOpacity optional |
Typ:
number optional Polyline3DElement.strokeOpacity ansehen. |
strokeWidth optional |
Typ:
number optional Polyline3DElement.strokeWidth ansehen. |
zIndex optional |
Typ:
number optional Polyline3DElement.zIndex ansehen. |
Polygon3D-Element Klasse
google.maps.maps3d.Polygon3DElement
Klasse
Ein 3D-Polygon (wie eine 3D-Polylinie) definiert eine Folge verbundener Koordinaten in einer geordneten Reihenfolge. Außerdem bilden Polygone eine geschlossene Schleife und definieren einen ausgefüllten Bereich.
Benutzerdefiniertes Element:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" fill-opacity="number" geodesic stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polygon-3d>
Diese Klasse umfasst
HTMLElement
Diese Klasse implementiert
Polygon3DElementOptions
Zugriff durch Aufrufen von const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstruktor | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) Parameter:
|
Attribute | |
---|---|
altitudeMode |
Typ:
AltitudeMode optional Standard:
AltitudeMode.ABSOLUTE Gibt an, wie Höhenkomponenten in den Koordinaten interpretiert werden.
HTML-Attribut:
|
drawsOccludedSegments |
Typ:
boolean optional Standard:
false Gibt an, ob Teile des Polygons, die verdeckt werden könnten, gezeichnet werden oder nicht. Polygone können durch Kartengeometrie (z.B. Gebäude) verdeckt werden.
HTML-Attribut:
|
extruded |
Typ:
boolean optional Standard:
false Gibt an, ob das Polygon mit dem Boden verbunden werden soll. Zum Extrudieren eines Polygons muss
altitudeMode entweder RELATIVE_TO_GROUND oder ABSOLUTE sein.HTML-Attribut:
|
fillColor |
Typ:
string optional Die Füllfarbe. Alle CSS3-Farben werden unterstützt.
HTML-Attribut:
|
fillOpacity |
Typ:
number optional Die Deckkraft der Füllung zwischen 0,0 und 1,0.
HTML-Attribut:
|
geodesic |
Typ:
boolean optional Standard:
false Bei
true werden die Kanten des Polygons als geodätisch interpretiert und folgen der Krümmung der Erde. Wenn false , werden Ränder des Polygons im Bildschirmbereich als gerade Linien gerendert.HTML-Attribut:
|
innerCoordinates |
Typ:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Die geordnete Reihenfolge der Koordinaten, mit denen eine geschlossene Schlaufe beschrieben wird. Im Gegensatz zu Polylinien kann ein Polygon aus einem oder mehreren Pfaden bestehen, die innerhalb des Polygons mehrere Aussparungen erzeugen. |
outerCoordinates |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Die geordnete Reihenfolge der Koordinaten, mit denen eine geschlossene Schlaufe beschrieben wird. Die Höhe wird in bestimmten Modi ignoriert und ist daher optional. |
strokeColor |
Typ:
string optional Die Strichfarbe. Alle CSS3-Farben werden unterstützt.
HTML-Attribut:
|
strokeOpacity |
Typ:
number optional Die Deckkraft des Strichs zwischen
0.0 und 1.0 .HTML-Attribut:
|
strokeWidth |
Typ:
number optional Die Linienstärke in Pixeln.
HTML-Attribut:
|
zIndex |
Typ:
number optional Der zIndex im Vergleich zu anderen Polys.
HTML-Attribut:
|
Methoden | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Rückgabewert:
void Richtet eine Funktion ein, die immer aufgerufen wird, wenn das angegebene Ereignis an das Ziel geliefert wird. Siehe addEventListener |
|
removeEventListener(type, listener[, options]) Parameter:
Rückgabewert:
void Entfernt einen zuvor mit addEventListener registrierten Event-Listener aus dem Ziel. Siehe removeEventListener |
Polygon3DElementOptions (Polygon3DElementOptions) Benutzeroberfläche
google.maps.maps3d.Polygon3DElementOptions
Benutzeroberfläche
Polygon3DElementOptions-Objekt zum Definieren der Eigenschaften, die für ein Polygon3DElement festgelegt werden können.
AltitudeMode Konstanten
google.maps.maps3d.AltitudeMode
Konstanten
Gibt an, wie Höhenkomponenten in den Koordinaten interpretiert werden.
Zugriff durch Aufrufen von const {AltitudeMode} = await google.maps.importLibrary("maps3d")
. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstanten | |
---|---|
ABSOLUTE |
Ermöglicht die Darstellung von Objekten relativ zum durchschnittlichen mittleren Meeresspiegel. Das bedeutet auch, dass sich seine absolute Position nicht ändert, wenn sich die Detailebene des Geländes unter dem Objekt ändert. |
CLAMP_TO_GROUND |
Ermöglicht es, auf dem Boden platzierte Objekte ausdrücken zu können. Sie bleiben unabhängig von der angegebenen Höhe auf Bodenhöhe und folgen dem Gelände. Wenn das Objekt über einem großen Gewässer positioniert wird, wird es auf Meereshöhe platziert. |
RELATIVE_TO_GROUND |
Ermöglicht die Darstellung von Objekten relativ zur Bodenoberfläche. Wenn sich die Detailebene des Geländes ändert, bleibt die Position des Objekts relativ zum Boden konstant. Über Wasser wird die Höhe als Wert in Metern über dem Meeresspiegel interpretiert. |
RELATIVE_TO_MESH |
Ermöglicht die Darstellung von Objekten relativ zum höchsten Punkt von Grund-, Gebäude- und Wasseroberfläche. Über Wasser ist dies eine Wasseroberfläche, Über dem Gelände ist dies die Gebäudeoberfläche (falls vorhanden) oder die Bodenoberfläche (falls keine Gebäude vorhanden sind). |