Klasa Map3DElement
google.maps.maps3d.Map3DElement
zajęcia
Map3DElement to interfejs HTML służący do obsługi widoku mapy 3D.
Element niestandardowy:
<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>
Te zajęcia są rozszerzone na HTMLElement
.
Ta klasa implementuje Map3DElementOptions
.
Aby uzyskać dostęp, zadzwoń pod numer const {Map3DElement} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Zespół | |
---|---|
Map3DElement |
Map3DElement([options]) Parametry:
|
Właściwości | |
---|---|
bounds |
Typ:
LatLngBounds|LatLngBoundsLiteral optional Po ustawieniu ogranicza położenie kamery w określonych granicach szerokości/długości geograficznej. Pamiętaj, że obiekty spoza granic nadal będą renderowane. Ograniczenia mogą określać długość i szerokość geograficzną lub tylko szerokość lub długość geograficzną. Na granicy szerokości geograficznej użyj długości geograficznej zachodniej i wschodniej z wartości -180 i 180 . Na granicy długości geograficznej użyj szerokości północnej i południowej odpowiednio 90 i -90 . |
center |
Typ:
LatLngAltitude|LatLngAltitudeLiteral optional Środek mapy podany jako wysokość geograficzna, czyli wysokość w metrach nad poziomem gruntu. Pamiętaj, że nie musi to być miejsce, w którym znajduje się kamera, ponieważ pole
range wpływa na odległość kamery od środka mapy. Jeśli nie jest skonfigurowana, domyślna wartość to {lat: 0, lng: 0, altitude: 63170000} . 63170000 m to maksymalna dozwolona wysokość (promień Ziemi pomnożony przez 10).Atrybut HTML:
|
defaultLabelsDisabled |
Typ:
boolean optional Wartość domyślna:
false Jeśli ustawiona jest wartość
true , domyślne etykiety mapy nie są renderowane.Atrybut HTML:
|
heading |
Typ:
number optional Kierunek na mapie na kompasie w stopniach, gdzie kierunek północny to zero. Przy braku pochylenia kamery każde przechylenie jest interpretowane jako kierunek.
Atrybut HTML:
|
maxAltitude |
Typ:
number optional Maksymalna wysokość, która będzie wyświetlana na mapie nad powierzchnią gruntu. Prawidłowa wartość mieści się w zakresie od
0 do 63170000 metrów (promień Ziemi pomnożony przez 10).Atrybut HTML:
|
maxHeading |
Typ:
number optional Maksymalny kąt kierunku (obrócenia) mapy. Prawidłowa wartość mieści się w zakresie od
0 do 360 stopni. Znaki minHeading i maxHeading reprezentują odstęp <= 360 stopni, w którym dozwolone są gesty nagłówka. Nagłówki minHeading = 180 i maxHeading = 90 będą zezwalać na używanie nagłówka w języku [0, 90] i nagłówka w języku [180, 360] . minHeading = 90 i maxHeading = 180 będą zezwalać na używanie nagłówka w języku: [90, 180] .Atrybut HTML:
|
maxTilt |
Typ:
number optional Maksymalny kąt padania mapy. Prawidłowa wartość mieści się w zakresie od
0 do 90 stopni.Atrybut HTML:
|
minAltitude |
Typ:
number optional Minimalna wysokość nad powierzchnią, która będzie wyświetlana na mapie. Prawidłowa wartość mieści się w zakresie od
0 do 63170000 metrów (promień Ziemi pomnożony przez 10).Atrybut HTML:
|
minHeading |
Typ:
number optional Minimalny kąt kierunku (obrócenia) mapy. Prawidłowa wartość mieści się w zakresie od
0 do 360 stopni. Znaki minHeading i maxHeading reprezentują odstęp <= 360 stopni, w którym dozwolone są gesty nagłówka. Nagłówki minHeading = 180 i maxHeading = 90 będą zezwalać na używanie nagłówka w języku [0, 90] i nagłówka w języku [180, 360] . minHeading = 90 i maxHeading = 180 będą zezwalać na używanie nagłówka w języku: [90, 180] .Atrybut HTML:
|
minTilt |
Typ:
number optional Minimalny kąt padania mapy. Prawidłowa wartość mieści się w zakresie od
0 do 90 stopni.Atrybut HTML:
|
range |
Typ:
number optional Odległość od aparatu do środka mapy (w metrach).
Atrybut HTML:
|
roll |
Typ:
number optional Obrót kamery wokół wektora widoku w stopniach. Aby uniknąć niejasności, gdy nie ma przechylenia, każdy obrót jest zinterpretowany jako nagłówek.
Atrybut HTML:
|
tilt |
Typ:
number optional Pochylenie wektora widoku kamery w stopniach. Wektor widoku skierowaną bezpośrednio w dół na Ziemię będzie miał przechylenie o 0 stopni. Wektor widoku skierowany w kierunku od Ziemi będzie miał przechylenie o
180 stopni.Atrybut HTML:
|
Metody | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametry:
Wartość zwrotu:
void Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do środowiska docelowego. Zobacz addEventListener. |
removeEventListener |
removeEventListener(type, listener[, options]) Parametry:
Wartość zwrotu:
void Usuwa z celu detektor zdarzeń zarejestrowany wcześniej w addEventListener. Zobacz removeEventListener. |
Wydarzenia | |
---|---|
gmp-centerchange |
function(centerChangeEvent) Argumenty:
Zdarzenie to jest wywoływane po zmianie właściwości środkowej obiektu Map3DElement. |
gmp-click |
function(clickEvent) Argumenty:
Zdarzenie to jest wywoływane po kliknięciu elementu Map3DElement . |
gmp-headingchange |
function(headingChangeEvent) Argumenty:
To zdarzenie jest wywoływane po zmianie właściwości nagłówka w obiekcie Map3DElement. |
gmp-rangechange |
function(rangeChangeEvent) Argumenty:
To zdarzenie jest wywoływane po zmianie właściwości zakresu w obiekcie Map3DElement. |
gmp-rollchange |
function(rollChangeEvent) Argumenty:
To zdarzenie jest wywoływane po zmianie właściwości rzutu elementu Map3DElement. |
gmp-steadychange |
function(steadyChangeEvent) Argumenty:
To zdarzenie jest wywoływane po zmianie stanu stałego Map3DElement . |
gmp-tiltchange |
function(tiltChangeEvent) Argumenty:
To zdarzenie jest wywoływane, gdy zmieni się właściwość pochylenia elementu Map3DElement. |
Interfejs Map3DElementOptions
google.maps.maps3d.Map3DElementOptions
interfejs
Obiekt Map3DElementOptions służy do definiowania właściwości, które można ustawić w elemencie Map3DElement.
Właściwości | |
---|---|
bounds optional |
Typ:
LatLngBounds|LatLngBoundsLiteral optional Zobacz Map3DElement.bounds . |
center optional |
Typ:
LatLngAltitude|LatLngAltitudeLiteral optional Zobacz Map3DElement.center . |
defaultLabelsDisabled optional |
Typ:
boolean optional |
heading optional |
Typ:
number optional Zobacz Map3DElement.heading . |
maxAltitude optional |
Typ:
number optional Zobacz Map3DElement.maxAltitude . |
maxHeading optional |
Typ:
number optional Zobacz Map3DElement.maxHeading . |
maxTilt optional |
Typ:
number optional Zobacz Map3DElement.maxTilt . |
minAltitude optional |
Typ:
number optional Zobacz Map3DElement.minAltitude . |
minHeading optional |
Typ:
number optional Zobacz Map3DElement.minHeading . |
minTilt optional |
Typ:
number optional Zobacz Map3DElement.minTilt . |
range optional |
Typ:
number optional Zobacz Map3DElement.range . |
roll optional |
Typ:
number optional Zobacz Map3DElement.roll . |
tilt optional |
Typ:
number optional Zobacz Map3DElement.tilt . |
Klasa SteadyChangeEvent
google.maps.maps3d.SteadyChangeEvent
zajęcia
To zdarzenie powstaje na podstawie monitorowania stabilnego stanu Map3DElement
.
Te zajęcia są rozszerzone na Event
.
Aby uzyskać dostęp, zadzwoń pod numer const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Właściwości | |
---|---|
isSteady |
Typ:
boolean Wskazuje, czy Map3DElement działa stabilnie (tj. czy zakończyło się renderowanie bieżącej sceny). |
Klasa ClickEvent
google.maps.maps3d.ClickEvent
zajęcia
To zdarzenie tworzy się po kliknięciu elementu Map3DElement.
Te zajęcia są rozszerzone na Event
.
Aby uzyskać dostęp, zadzwoń pod numer const {ClickEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Właściwości | |
---|---|
position |
Typ:
LatLngAltitude optional Długość i szerokość geograficzna / wysokość, na której znajdował się kursor w momencie wystąpienia zdarzenia. Pamiętaj, że na niższych poziomach zwracane są mniej dokładne dane. W przypadku kliknięcia powierzchni wody z wyższego położenia kamery może być też zwracana wysokość dna morskiego. |
Klasa CenterChangeEvent
google.maps.maps3d.CenterChangeEvent
zajęcia
To zdarzenie zostało utworzone na podstawie zmiany w Centrum monitorowania dn. Map3DElement
.
Te zajęcia są rozszerzone na Event
.
Aby uzyskać dostęp, zadzwoń pod numer const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Klasa HeadingChangeEvent
google.maps.maps3d.HeadingChangeEvent
zajęcia
To zdarzenie zostało utworzone na podstawie zmiany nagłówka monitorowania Map3DElement
.
Te zajęcia są rozszerzone na Event
.
Aby uzyskać dostęp, zadzwoń pod numer const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Klasa RangeChangeEvent
google.maps.maps3d.RangeChangeEvent
zajęcia
To zdarzenie zostało utworzone na podstawie zmiany zakresu monitorowania w dniu Map3DElement
.
Te zajęcia są rozszerzone na Event
.
Aby uzyskać dostęp, zadzwoń pod numer const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Klasa RollChangeEvent
google.maps.maps3d.RollChangeEvent
zajęcia
To zdarzenie zostało utworzone na podstawie zmiany rolki z Map3DElement
.
Te zajęcia są rozszerzone na Event
.
Aby uzyskać dostęp, zadzwoń pod numer const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Klasa TiltChangeEvent
google.maps.maps3d.TiltChangeEvent
zajęcia
To zdarzenie zostało utworzone na podstawie monitorowania zmiany przechylenia na urządzeniu Map3DElement
.
Te zajęcia są rozszerzone na Event
.
Aby uzyskać dostęp, zadzwoń pod numer const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Klasa Polyline3DElement.
google.maps.maps3d.Polyline3DElement
zajęcia
Linia łamana 3D to liniowa nakładka połączonych fragmentów linii na mapie 3D.
Element niestandardowy:
<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>
Te zajęcia są rozszerzone na HTMLElement
.
Ta klasa implementuje Polyline3DElementOptions
.
Aby uzyskać dostęp, zadzwoń pod numer const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Zespół | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) Parametry:
|
Właściwości | |
---|---|
altitudeMode |
Typ:
AltitudeMode optional Wartość domyślna:
AltitudeMode.ABSOLUTE Określa sposób interpretacji komponentów wysokości we współrzędnych.
Atrybut HTML:
|
coordinates |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Uporządkowana sekwencja współrzędnych linii łamanej. Wysokość jest ignorowana w niektórych trybach, więc jest opcjonalna. |
drawsOccludedSegments |
Typ:
boolean optional Wartość domyślna:
false Określa, czy fragmenty linii łamanej, które mogą zostać zasłonięte, są rysowane. Linie łamane mogą zostać zasłonięte przez geometrię mapy (np. budynki).
Atrybut HTML:
|
extruded |
Typ:
boolean optional Wartość domyślna:
false Określa, czy linia łamana ma zostać połączona z ziemią. Aby można było wyodrębnić linię łamaną, element
altitudeMode musi mieć wartość RELATIVE_TO_GROUND lub ABSOLUTE .Atrybut HTML:
|
geodesic |
Typ:
boolean optional Wartość domyślna:
false W przypadku
true krawędzie linii łamanej są interpretowane jako geodezyjne i podchodzą do krzywizny Ziemi. W przypadku właściwości false krawędzie linii łamanej są renderowane jako linie proste w przestrzeni ekranu.Atrybut HTML:
|
outerColor |
Typ:
string optional Kolor zewnętrzny. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych kolorów.
Atrybut HTML:
|
outerOpacity |
Typ:
number optional Przezroczystość zewnętrzna od
0.0 do 1.0 .Atrybut HTML:
|
outerWidth |
Typ:
number optional Szerokość zewnętrzna wynosi od
0.0 do 1.0 . Jest to wartość procentowa strokeWidth .Atrybut HTML:
|
strokeColor |
Typ:
string optional Kolor kreski. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych kolorów.
Atrybut HTML:
|
strokeOpacity |
Typ:
number optional Przezroczystość kreski między
0.0 a 1.0 .Atrybut HTML:
|
strokeWidth |
Typ:
number optional Szerokość kreski w pikselach.
Atrybut HTML:
|
zIndex |
Typ:
number optional Wartość zIndex w porównaniu z innymi łamami.
Atrybut HTML:
|
Metody | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametry:
Wartość zwrotu:
void Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do środowiska docelowego. Zobacz addEventListener. |
removeEventListener |
removeEventListener(type, listener[, options]) Parametry:
Wartość zwrotu:
void Usuwa z celu detektor zdarzeń zarejestrowany wcześniej w addEventListener. Zobacz removeEventListener. |
Interfejs Polyline3DElementOptions
google.maps.maps3d.Polyline3DElementOptions
interfejs
Obiekt Polyline3DElementOptions służy do definiowania właściwości, które można ustawić dla obiektu Polyline3DElement.
Właściwości | |
---|---|
altitudeMode optional |
Typ:
AltitudeMode optional Wartość domyślna:
AltitudeMode.ABSOLUTE Zobacz Polyline3DElement.altitudeMode . |
coordinates optional |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Zobacz Polyline3DElement.coordinates . |
drawsOccludedSegments optional |
Typ:
boolean optional Wartość domyślna:
false |
extruded optional |
Typ:
boolean optional Wartość domyślna:
false Zobacz Polyline3DElement.extruded . |
geodesic optional |
Typ:
boolean optional Wartość domyślna:
false Zobacz Polyline3DElement.geodesic . |
outerColor optional |
Typ:
string optional Zobacz Polyline3DElement.outerColor . |
outerOpacity optional |
Typ:
number optional Zobacz Polyline3DElement.outerOpacity . |
outerWidth optional |
Typ:
number optional Zobacz Polyline3DElement.outerWidth . |
strokeColor optional |
Typ:
string optional Zobacz Polyline3DElement.strokeColor . |
strokeOpacity optional |
Typ:
number optional Zobacz Polyline3DElement.strokeOpacity . |
strokeWidth optional |
Typ:
number optional Zobacz Polyline3DElement.strokeWidth . |
zIndex optional |
Typ:
number optional Zobacz Polyline3DElement.zIndex . |
klasa Polygon3DElement.
google.maps.maps3d.Polygon3DElement
zajęcia
Wielokąt 3D (np. linia łamana 3D) definiuje serię połączonych współrzędnych w uporządkowanej kolejności. Ponadto wielokąty tworzą pętlę zamkniętą i określają wypełniony region.
Element niestandardowy:
<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>
Te zajęcia są rozszerzone na HTMLElement
.
Ta klasa implementuje Polygon3DElementOptions
.
Aby uzyskać dostęp, zadzwoń pod numer const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Zespół | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) Parametry:
|
Właściwości | |
---|---|
altitudeMode |
Typ:
AltitudeMode optional Wartość domyślna:
AltitudeMode.ABSOLUTE Określa sposób interpretacji komponentów wysokości we współrzędnych.
Atrybut HTML:
|
drawsOccludedSegments |
Typ:
boolean optional Wartość domyślna:
false Określa, czy fragmenty wielokąta, które mogą zostać zasłonięte, są rysowane. Wielokąty mogą zostać zasłonięte przez geometrię mapy (np. budynki).
Atrybut HTML:
|
extruded |
Typ:
boolean optional Wartość domyślna:
false Określa, czy wielokąt ma zostać połączony z podłożem. Aby można było wyodrębnić wielokąt,
altitudeMode musi mieć wartość RELATIVE_TO_GROUND lub ABSOLUTE .Atrybut HTML:
|
fillColor |
Typ:
string optional Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych kolorów.
Atrybut HTML:
|
fillOpacity |
Typ:
number optional Przezroczystość wypełnienia: od 0,0 do 1,0.
Atrybut HTML:
|
geodesic |
Typ:
boolean optional Wartość domyślna:
false W przypadku
true krawędzie wielokąta są interpretowane jako geodezyjne i podchodzą do krzywizny Ziemi. W przypadku false krawędzie wielokąta są renderowane jako linie proste w przestrzeni ekranu.Atrybut HTML:
|
innerCoordinates |
Typ:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Uporządkowana sekwencja współrzędnych oznaczająca pętlę zamknięty. W przeciwieństwie do linii łamanych wielokąt może składać się z jednej lub większej liczby ścieżek, które powodują wycięcie wewnątrz wielokąta. |
outerCoordinates |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Uporządkowana sekwencja współrzędnych oznaczająca pętlę zamknięty. Wysokość jest ignorowana w niektórych trybach, więc jest opcjonalna. |
strokeColor |
Typ:
string optional Kolor kreski. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych kolorów.
Atrybut HTML:
|
strokeOpacity |
Typ:
number optional Przezroczystość kreski między
0.0 a 1.0 .Atrybut HTML:
|
strokeWidth |
Typ:
number optional Szerokość kreski w pikselach.
Atrybut HTML:
|
zIndex |
Typ:
number optional Wartość zIndex w porównaniu z innymi łamami.
Atrybut HTML:
|
Metody | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametry:
Wartość zwrotu:
void Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do środowiska docelowego. Zobacz addEventListener. |
removeEventListener |
removeEventListener(type, listener[, options]) Parametry:
Wartość zwrotu:
void Usuwa z celu detektor zdarzeń zarejestrowany wcześniej w addEventListener. Zobacz removeEventListener. |
Interfejs Polygon3DElementOptions
google.maps.maps3d.Polygon3DElementOptions
interfejs
Obiekt Polygon3DElementOptions służy do definiowania właściwości, które można ustawić dla obiektu Polygon3DElement.
Właściwości | |
---|---|
altitudeMode optional |
Typ:
AltitudeMode optional Wartość domyślna:
AltitudeMode.ABSOLUTE Zobacz Polygon3DElement.altitudeMode . |
drawsOccludedSegments optional |
Typ:
boolean optional Wartość domyślna:
false |
extruded optional |
Typ:
boolean optional Wartość domyślna:
false Zobacz Polygon3DElement.extruded . |
fillColor optional |
Typ:
string optional Zobacz Polygon3DElement.fillColor . |
fillOpacity optional |
Typ:
number optional Zobacz Polygon3DElement.fillOpacity . |
geodesic optional |
Typ:
boolean optional Wartość domyślna:
false Zobacz Polygon3DElement.geodesic . |
innerCoordinates optional |
Typ:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optional |
outerCoordinates optional |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
strokeColor optional |
Typ:
string optional Zobacz Polygon3DElement.strokeColor . |
strokeOpacity optional |
Typ:
number optional Zobacz Polygon3DElement.strokeOpacity . |
strokeWidth optional |
Typ:
number optional Zobacz Polygon3DElement.strokeWidth . |
zIndex optional |
Typ:
number optional Zobacz Polygon3DElement.zIndex . |
Stałe AltitudeMode
google.maps.maps3d.AltitudeMode
stałe
Określa sposób interpretacji komponentów wysokości we współrzędnych.
Aby uzyskać dostęp, zadzwoń pod numer const {AltitudeMode} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w interfejsie Maps JavaScript API.
Stałe | |
---|---|
ABSOLUTE |
Umożliwia wyrażanie obiektów w odniesieniu do średniego poziomu morza. Oznacza to również, że jeśli poziom szczegółów terenu pod obiektem zmieni się, jego bezwzględna pozycja pozostanie taka sama. |
CLAMP_TO_GROUND |
Umożliwia wyrażanie obiektów umieszczonych na podłodze. Pozostaną one na poziomie gruntu niezależnie od podanej wysokości. Jeśli obiekt znajduje się nad większym akwenem, zostanie umieszczony na poziomie morza. |
RELATIVE_TO_GROUND |
Umożliwia wyrażanie obiektów względem powierzchni gruntu. Jeśli poziom szczegółowości terenu ulegnie zmianie, pozycja obiektu pozostanie stała względem powierzchni. W przypadku wody wysokość jest interpretowana jako wartość w metrach nad poziomem morza. |
RELATIVE_TO_MESH |
Umożliwia wyrażanie obiektów względem najwyższej powierzchni ziemi, budynku i wody. W przypadku nad powierzchnią wody jest to powierzchnia wody, a w przypadku terenu – powierzchnia budynku (jeśli występuje) lub powierzchnia gruntu (jeśli nie ma budynków). |