Klasse Map3DElement
google.maps.maps3d.Map3DElement
Kurs
„Map3DElement“ ist eine HTML-Benutzeroberflä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 erweitert HTMLElement
.
Diese Klasse implementiert Map3DElementOptions
.
Rufe const {Map3DElement} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstruktor | |
---|---|
Map3DElement |
Map3DElement([options]) Parameter:
|
Attribute | |
---|---|
bounds |
Typ:
LatLngBounds|LatLngBoundsLiteral optional Wenn diese Option festgelegt ist, wird die Position der Kamera auf die angegebenen Lat/Lng-Grenzwerte beschränkt. Objekte außerhalb der Begrenzung werden weiterhin gerendert. Begrenzungen können sowohl Längen- als auch Breitengrade einschränken oder nur einen der beiden. Verwenden Sie für Grenzen, die nur Breitengrade umfassen, den West- und Ostlängengrad -180 bzw. 180 . Verwenden Sie für Grenzen, die nur Längengrade umfassen, die nördlichen und südlichen Breitengrade 90 bzw. -90 . |
center |
Typ:
LatLngAltitude|LatLngAltitudeLiteral optional Der Mittelpunkt der Karte als LatLngAltitude, wobei die Höhe in Metern über dem Meeresspiegel angegeben ist. Das ist nicht unbedingt der Ort, an dem sich die Kamera befindet, da das Feld
range die Entfernung der Kamera vom Kartenmittelpunkt beeinflusst. Enthält standardmäßig den Wert {lat: 0, lng: 0, altitude: 63170000} , wenn nichts anderes festgelegt wird. 63.170.000 Meter ist die maximal zulässige Höhe (Erdradius multipliziert mit 10).HTML-Attribut:
|
defaultLabelsDisabled |
Typ:
boolean optional Standard:
false Bei
true werden keine Standardlabels für Karten gerendert.HTML-Attribut:
|
heading |
Typ:
number optional Die Kompassrichtung der Karte in Grad, wobei „geradeaus nach Norden“ 0 Grad entspricht. Wenn keine Neigung vorliegt, wird jede Rollung als Richtung interpretiert.
HTML-Attribut:
|
maxAltitude |
Typ:
number optional Die maximale Höhe über dem Boden, die auf der Karte angezeigt wird. Gültige Werte liegen zwischen
0 und 63170000 Metern (Erdkradius multipliziert mit 10).HTML-Attribut:
|
maxHeading |
Typ:
number optional Der maximale Kurswinkel (Drehwinkel) der Karte. Gültige Werte liegen zwischen
0 und 360 Grad. minHeading und maxHeading stellen ein Intervall von maximal 360 Grad dar, in dem Richtungsgesten zulässig sind. Mit minHeading = 180 und maxHeading = 90 sind Überschriften in [0, 90] und Überschriften in [180, 360] zulässig. minHeading = 90 und maxHeading = 180 erlauben Überschriften in [90, 180] .HTML-Attribut:
|
maxTilt |
Typ:
number optional Der maximale Einfallswinkel der Karte. Gültige Werte liegen zwischen
0 und 90 Grad.HTML-Attribut:
|
minAltitude |
Typ:
number optional Die minimale Höhe über dem Boden, die auf der Karte angezeigt wird. Gültige Werte liegen zwischen
0 und 63170000 Metern (Erdkradius multipliziert mit 10).HTML-Attribut:
|
minHeading |
Typ:
number optional Der minimale Kurswinkel (Drehung) der Karte. Gültige Werte liegen zwischen
0 und 360 Grad. minHeading und maxHeading stellen ein Intervall von maximal 360 Grad dar, in dem Richtungsgesten zulässig sind. Mit minHeading = 180 und maxHeading = 90 sind Überschriften in [0, 90] und Überschriften in [180, 360] zulässig. minHeading = 90 und maxHeading = 180 erlauben Überschriften in [90, 180] .HTML-Attribut:
|
minTilt |
Typ:
number optional Der minimale Einfallswinkel der Karte. Gültige Werte liegen zwischen
0 und 90 Grad.HTML-Attribut:
|
range |
Typ:
number optional Die Entfernung von der Kamera zum Mittelpunkt der Karte in Metern.
HTML-Attribut:
|
roll |
Typ:
number optional Die Rollung der Kamera um den Blickvektor in Grad. Um Unklarheiten zu vermeiden, wird bei fehlender Neigung jede Rollung als Richtung interpretiert.
HTML-Attribut:
|
tilt |
Typ:
number optional Die Neigung des Sichtvektors der Kamera in Grad. Ein Blickvektor, der direkt auf die Erde gerichtet ist, hätte eine Neigung von 0 Grad. Ein Blickvektor, der von der Erde weg zeigt, hat eine Neigung von
180 Grad.HTML-Attribut:
|
Methoden | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parameter:
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. |
removeEventListener |
removeEventListener(type, listener[, options]) Parameter:
Rückgabewert:
void Entfernt einen zuvor mit addEventListener registrierten Ereignis-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 Richtungseigenschaft des Map3DElements ändert. |
gmp-rangechange |
function(rangeChangeEvent) Argumente:
Dieses Ereignis wird ausgelöst, wenn sich das Attribut „Bereich“ 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 Neigungseigenschaft des Map3DElements ändert. |
Map3DElementOptions-Schnittstelle
google.maps.maps3d.Map3DElementOptions
Benutzeroberfläche
Das Map3DElementOptions-Objekt wird verwendet, um die Eigenschaften zu definieren, 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
Kurs
Dieses Ereignis wird durch das Überwachen eines stabilen Zustands von Map3DElement
erstellt. Dieses Ereignis wird durch den DOM-Baum weitergeleitet.
Diese Klasse erweitert Event
.
Rufe const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. 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 gesamte Rendering für die aktuelle Szene abgeschlossen ist) oder nicht. |
ClickEvent-Klasse
google.maps.maps3d.ClickEvent
Kurs
Dieses Ereignis wird durch Klicken auf ein Map3DElement erstellt.
Diese Klasse erweitert Event
.
Rufe const {ClickEvent} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Attribute | |
---|---|
position |
Typ:
LatLngAltitude optional Die geografische Breite/Länge/Höhe, die sich zum Zeitpunkt des Ereignisses unter dem Cursor befand. Bei gröberen Ebenen werden weniger genaue Daten zurückgegeben. Außerdem kann die Höhe des Meeresbodens als Höhe zurückgegeben werden, wenn Sie von höheren Kamerapositionen auf die Wasseroberfläche klicken. Dieses Ereignis wird durch den DOM-Baum weitergeleitet. |
CenterChangeEvent-Klasse
google.maps.maps3d.CenterChangeEvent
Kurs
Dieses Ereignis wurde am Map3DElement
durch eine Änderung am Monitoring Center erstellt. Dieses Ereignis wird durch den DOM-Baum weitergeleitet.
Diese Klasse erweitert Event
.
Rufe const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
HeadingChangeEvent-Klasse
google.maps.maps3d.HeadingChangeEvent
Kurs
Dieses Ereignis wurde am Map3DElement
durch die Überwachung der Überschriftsänderung erstellt. Dieses Ereignis wird durch den DOM-Baum weitergeleitet.
Diese Klasse erweitert Event
.
Rufe const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Klasse RangeChangeEvent
google.maps.maps3d.RangeChangeEvent
Kurs
Dieses Ereignis wurde am Map3DElement
durch eine Änderung des Monitoring-Bereichs erstellt. Dieses Ereignis wird durch den DOM-Baum weitergeleitet.
Diese Klasse erweitert Event
.
Rufe const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Klasse RollChangeEvent
google.maps.maps3d.RollChangeEvent
Kurs
Dieses Ereignis wird durch die Änderung der Rolle für die Überwachung am Map3DElement
erstellt. Dieses Ereignis wird durch den DOM-Baum weitergeleitet.
Diese Klasse erweitert Event
.
Rufe const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Klasse TiltChangeEvent
google.maps.maps3d.TiltChangeEvent
Kurs
Dieses Ereignis wird durch die Überwachung der Neigungsänderung am Map3DElement
erstellt. Dieses Ereignis wird durch den DOM-Baum weitergeleitet.
Diese Klasse erweitert Event
.
Rufe const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Klasse Polyline3DElement
google.maps.maps3d.Polyline3DElement
Kurs
Eine 3D-Polylinie ist ein lineares Overlay aus verbundenen Liniensegmenten auf einer 3D-Karte.
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
.
Diese Klasse implementiert Polyline3DElementOptions
.
Rufe const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. 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 sein könnten, gezeichnet werden sollen oder nicht. Polylinien können von Kartengeometrie (z.B. Gebäuden) verdeckt werden.
HTML-Attribut:
|
extruded |
Typ:
boolean optional Standard:
false Gibt an, ob die Polylinie mit dem Boden verbunden werden soll. Wenn Sie einen Polylinienzug extrudieren möchten, muss
altitudeMode entweder RELATIVE_TO_GROUND oder ABSOLUTE sein.HTML-Attribut:
|
geodesic |
Typ:
boolean optional Standard:
false Bei
true werden die Kanten der Polylinie als geodätisch interpretiert und folgen der Krümmung der Erde. Wenn false , werden die Kanten 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 des strokeWidth .HTML-Attribut:
|
strokeColor |
Typ:
string optional Die Strichfarbe. Alle CSS3-Farben werden unterstützt.
HTML-Attribut:
|
strokeOpacity |
Typ:
number optional Die Strichdeckkraft (Wert 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 |
addEventListener(type, listener[, options]) Parameter:
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. |
removeEventListener |
removeEventListener(type, listener[, options]) Parameter:
Rückgabewert:
void Entfernt einen zuvor mit addEventListener registrierten Ereignis-Listener aus dem Ziel. Siehe removeEventListener |
Polyline3DElementOptions -Schnittstelle
google.maps.maps3d.Polyline3DElementOptions
Benutzeroberfläche
Mit dem Polyline3DElementOptions-Objekt werden die Eigenschaften definiert, die für ein Polyline3DElement festgelegt werden können.
Klasse Polygon3DElement
google.maps.maps3d.Polygon3DElement
Kurs
Ein 3D-Polygon (wie eine 3D-Polylinie) definiert eine Reihe verbundener Koordinaten in einer bestimmten Reihenfolge. Außerdem bilden Polygone einen geschlossenen Kreis und definieren eine ausgefüllte Fläche.
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
.
Diese Klasse implementiert Polygon3DElementOptions
.
Rufe const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. 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 sein könnten, gezeichnet werden oder nicht. Polygone können von Kartengeometrie (z.B. Gebäuden) verdeckt werden.
HTML-Attribut:
|
extruded |
Typ:
boolean optional Standard:
false Gibt an, ob das Polygon mit dem Boden verbunden werden soll. Wenn Sie ein Polygon extrudieren möchten, 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. Bei false werden die Kanten des Polygons als gerade Linien im Bildschirmbereich 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 Ausschnitte innerhalb des Polygons 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 Strichdeckkraft (Wert 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 |
addEventListener(type, listener[, options]) Parameter:
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. |
removeEventListener |
removeEventListener(type, listener[, options]) Parameter:
Rückgabewert:
void Entfernt einen zuvor mit addEventListener registrierten Ereignis-Listener aus dem Ziel. Siehe removeEventListener |
Polygon3DElementOptions-Schnittstelle
google.maps.maps3d.Polygon3DElementOptions
Benutzeroberfläche
Mit dem Polygon3DElementOptions-Objekt werden die Eigenschaften definiert, die für ein Polygon3DElement festgelegt werden können.
Konstanten für AltitudeMode
google.maps.maps3d.AltitudeMode
constants
Gibt an, wie Höhenkomponenten in den Koordinaten interpretiert werden.
Rufe const {AltitudeMode} = await google.maps.importLibrary("maps3d")
auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstanten | |
---|---|
ABSOLUTE |
Ermöglicht die Darstellung von Objekten relativ zum mittleren Meeresspiegel. Das bedeutet auch, dass sich die absolute Position des Objekts nicht ändert, wenn sich die Detailebene des Geländes darunter ändert. |
CLAMP_TO_GROUND |
Ermöglicht die Darstellung von Objekten, die auf dem Boden liegen. 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 lassen sich Objekte relativ zur Bodenoberfläche darstellen. 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 zur höchsten Oberfläche von Boden, Gebäuden und Wasser. Bei Überflug über Wasser ist dies die Wasseroberfläche. Bei Überflug über Land ist dies die Gebäudeoberfläche (falls vorhanden) oder die Bodenoberfläche (falls keine Gebäude vorhanden sind). |