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:
|
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:
|
defaultLabelsDisabled |
Typ:
boolean optional Standardwert:
false Wenn
true , werden die Standardkartenlabels nicht gerendert.HTML-Attribut:
|
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:
|
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:
|
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:
|
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 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:
|
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:
|
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 Abstand von der Kamera zur Kartenmitte in Metern
HTML-Attribut:
|
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:
|
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:
|
Methoden | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parameter:
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:
Rückgabewert:
void Entfernt einen Event-Listener, der zuvor mit addEventListener registriert wurde, aus dem Ziel. Siehe removeEventListener. |
Veranstaltungen | |
---|---|
gmp-centerchange |
function(centerChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft center des Map3DElement ändert. |
gmp-click |
function(clickEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn auf das Map3DElement -Element geklickt wird. |
gmp-headingchange |
function(headingChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft "Überschrift" des Map3DElement ändert. |
gmp-rangechange |
function(rangeChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich die Bereichseigenschaft von Map3DElement ändert. |
gmp-rollchange |
function(rollChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft "roll" des Map3DElement ä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 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. |
Klasse SteadyChangeEvent
google.maps.maps3d.SteadyChangeEvent
Klasse
Dieses Ereignis wird aus der Überwachung eines konstanten Zustands von Map3DElement
erstellt.
Diese Klasse erweitert Event
.
Zugriff über const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Attribute | |
---|---|
isSteady |
Typ:
boolean Gibt an, ob das Map3DElement stabil ist (d.h., wenn das gesamte Rendering für die aktuelle Szene abgeschlossen ist) oder nicht. |
ClickEvent-Klasse
google.maps.maps3d.ClickEvent
Klasse
Dieses Ereignis wird durch Klicken auf ein Map3DElement erstellt.
Diese Klasse erweitert Event
.
Zugriff über const {ClickEvent} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Attribute | |
---|---|
position |
Typ:
LatLngAltitude optional Der Breiten- und Längengrad bzw. die Höhe, die sich beim Eintreten des Ereignisses unter dem Cursor befand. Beachten Sie, dass auf einer höheren Ebene weniger genaue Daten zurückgegeben werden. Außerdem kann die Meeresgrundhöhe als Höhenwert zurückgegeben werden, wenn von einer höheren Kameraposition aus auf die Wasseroberfläche geklickt wird. |
CenterChangeEvent-Klasse
google.maps.maps3d.CenterChangeEvent
Klasse
Dieses Ereignis wurde nach einer Änderung des Monitoring Centers am Map3DElement
erstellt.
Diese Klasse erweitert Event
.
Zugriff über const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
HeadingChangeEvent
google.maps.maps3d.HeadingChangeEvent
Klasse
Dieses Ereignis wurde nach dem Monitoring der Überschriftenänderung am Map3DElement
erstellt.
Diese Klasse erweitert Event
.
Zugriff über const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
RangeChangeEvent-Klasse
google.maps.maps3d.RangeChangeEvent
Klasse
Dieses Ereignis wurde nach der Überwachung der Bereichsänderung am Map3DElement
erstellt.
Diese Klasse erweitert Event
.
Zugriff über const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
RollChangeEvent-Klasse
google.maps.maps3d.RollChangeEvent
Klasse
Dieses Ereignis wurde aus der Überwachung von Roll-out-Änderungen am Map3DElement
erstellt.
Diese Klasse erweitert Event
.
Zugriff über const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
TiltChangeEvent-Klasse
google.maps.maps3d.TiltChangeEvent
Klasse
Dieses Ereignis wurde aus der Beobachtung von Neigungsänderungen am Map3DElement
erstellt.
Diese Klasse erweitert Event
.
Zugriff über const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Poly3DElement-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 erweitert HTMLElement
.
Mit dieser Klasse wird Polyline3DElementOptions
implementiert.
Zugriff über const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstruktor | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) Parameter:
|
Attribute | |
---|---|
altitudeMode |
Typ:
AltitudeMode optional Standardwert:
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 Standardwert:
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 Standardwert:
false Gibt an, ob die Polylinie mit dem Boden verbunden werden soll. Zur Extrudierung einer Polylinie muss
altitudeMode entweder RELATIVE_TO_GROUND oder ABSOLUTE sein.HTML-Attribut:
|
geodesic |
Typ:
boolean optional Standardwert:
false Bei
true werden die Kanten der Polylinie als geodätisch interpretiert und folgen der Krümmung der Erde. Bei false werden die Kanten der Polylinie auf dem Bildschirm als gerade Linien gerendert.HTML-Attribut:
|
outerColor |
Typ:
string optional Die äußere Farbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen.
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, mit Ausnahme von Farben mit erweiterten Namen.
HTML-Attribut:
|
strokeOpacity |
Typ:
number optional Die Deckkraft der Linie zwischen
0.0 und 1.0 .HTML-Attribut:
|
strokeWidth |
Typ:
number optional Die Strichbreite in Pixeln.
HTML-Attribut:
|
zIndex |
Typ:
number optional Der zIndex im Vergleich zu anderen Polys.
HTML-Attribut:
|
Methoden | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parameter:
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:
Rückgabewert:
void Entfernt einen Event-Listener, der zuvor mit addEventListener registriert wurde, aus dem Ziel. Siehe removeEventListener. |
Poly3DElementOptions-Schnittstelle
google.maps.maps3d.Polyline3DElementOptions
-Schnittstelle
Poly3DElementOptions, mit dem die Eigenschaften definiert werden, die für ein Poly3DElement festgelegt werden können.
Attribute | |
---|---|
altitudeMode optional |
Typ:
AltitudeMode optional Standardwert:
AltitudeMode.ABSOLUTE Polyline3DElement.altitudeMode ansehen. |
coordinates optional |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Polyline3DElement.coordinates ansehen. |
drawsOccludedSegments optional |
Typ:
boolean optional Standardwert:
false |
extruded optional |
Typ:
boolean optional Standardwert:
false Polyline3DElement.extruded ansehen. |
geodesic optional |
Typ:
boolean optional Standardwert:
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. |
Polygon3DElement-Klasse
google.maps.maps3d.Polygon3DElement
Klasse
Ein 3D-Polygon definiert ähnlich wie eine 3D-Polylinie eine Folge verbundener Koordinaten in einer geordneten Reihenfolge. Darüber hinaus 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 erweitert HTMLElement
.
Mit dieser Klasse wird Polygon3DElementOptions
implementiert.
Zugriff über const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstruktor | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) Parameter:
|
Attribute | |
---|---|
altitudeMode |
Typ:
AltitudeMode optional Standardwert:
AltitudeMode.ABSOLUTE Gibt an, wie Höhenkomponenten in den Koordinaten interpretiert werden.
HTML-Attribut:
|
drawsOccludedSegments |
Typ:
boolean optional Standardwert:
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 Standardwert:
false Gibt an, ob das Polygon mit dem Boden verbunden werden soll. Für die Extrudierung 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, mit Ausnahme von Farben mit erweiterten Namen.
HTML-Attribut:
|
fillOpacity |
Typ:
number optional Die Deckkraft der Füllung zwischen 0,0 und 1,0.
HTML-Attribut:
|
geodesic |
Typ:
boolean optional Standardwert:
false Bei
true werden die Kanten des Polygons als geodätisch interpretiert und folgen der Krümmung der Erde. Bei false werden die Ränder des Polygons auf dem Bildschirm 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 mehrere Aussparungen innerhalb des Polygons bilden. |
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, mit Ausnahme von Farben mit erweiterten Namen.
HTML-Attribut:
|
strokeOpacity |
Typ:
number optional Die Deckkraft der Linie zwischen
0.0 und 1.0 .HTML-Attribut:
|
strokeWidth |
Typ:
number optional Die Strichbreite in Pixeln.
HTML-Attribut:
|
zIndex |
Typ:
number optional Der zIndex im Vergleich zu anderen Polys.
HTML-Attribut:
|
Methoden | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parameter:
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:
Rückgabewert:
void Entfernt einen Event-Listener, der zuvor mit addEventListener registriert wurde, aus dem Ziel. Siehe removeEventListener. |
Polygon3DElementOptions-Oberfläche.
google.maps.maps3d.Polygon3DElementOptions
-Schnittstelle
Polygon3DElementOptions , mit dem die Eigenschaften definiert werden, 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 über const {AltitudeMode} = await google.maps.importLibrary("maps3d")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstanten | |
---|---|
ABSOLUTE |
Ermöglicht es, Objekte relativ zum durchschnittlichen mittleren Meeresspiegel auszudrücken. Das bedeutet auch, dass seine absolute Position unverändert bleibt, falls sich der Detaillierungsgrad des Geländes unter dem Objekt ändert. |
CLAMP_TO_GROUND |
Damit können Objekte, die auf dem Boden stehen, zum Ausdruck gebracht werden. Sie bleiben auf Bodenhöhe und folgen dem Gelände, unabhängig von der angegebenen Höhe. Wenn sich das Objekt über einem großen Gewässer befindet, wird es auf Meereshöhe platziert. |
RELATIVE_TO_GROUND |
Damit können Objekte relativ zur Bodenoberfläche ausgedrückt werden. Wenn sich der Detailgrad 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 |
Damit können Objekte relativ zur höchsten Grund-, Gebäude- und Wasseroberfläche dargestellt werden. Über Wasser ist dies eine Wasseroberfläche, auf Boden die Gebäudeoberfläche (falls vorhanden) oder Bodenoberfläche (falls keine Gebäude vorhanden sind). |