Klasa Map3DElement
google.maps.maps3d.Map3DElement
class
Map3DElement to interfejs HTML 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 trwają HTMLElement
.
Ta klasa implementuje Map3DElementOptions
.
Dostęp przez połączenie telefoniczne const {Map3DElement} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
Zespół | |
---|---|
Map3DElement |
Map3DElement([options]) Parametry:
|
Właściwości | |
---|---|
bounds |
Typ:
LatLngBounds|LatLngBoundsLiteral optional Po ustawieniu ogranicza pozycję kamery w określonych granicach szerokości i długości geograficznej. Pamiętaj, że obiekty poza obszarem nadal są renderowane. Granice mogą ograniczać zarówno długość, jak i szerokość geograficzną, albo tylko jedną z nich. W przypadku zakresów obejmujących tylko szerokość geograficzną użyj długości geograficznej zachodniej i wschodniej odpowiednio -180 i 180 . W przypadku granic wyznaczonych tylko przez długość geograficzną użyj szerokości geograficznej północnej i południowej odpowiednio 90 i -90 . |
center |
Typ:
LatLngAltitude|LatLngAltitudeLiteral optional Środek mapy podany jako LatLngAltitude, gdzie wysokość jest wyrażona w metrach nad poziomem morza. Pamiętaj, że nie zawsze jest to miejsce, w którym znajduje się kamera, ponieważ pole
range wpływa na odległość kamery od środka mapy. Jeśli nie zostanie ustawiony, domyślna wartość to {lat: 0, lng: 0, altitude: 63170000} . 63170000 metrów to maksymalna dozwolona wysokość (promień Ziemi pomnożony przez 10).Atrybut HTML:
|
defaultLabelsDisabled |
Typ:
boolean optional Domyślnie:
false Gdy
true , domyślne etykiety map nie są renderowane.Atrybut HTML:
|
heading |
Typ:
number optional Kierunek na mapie, wyrażony w stopniach, gdzie kierunek na północ to 0. Gdy nie ma nachylenia, każdy obrót będzie interpretowany jako kierunek.
Atrybut HTML:
|
maxAltitude |
Typ:
number optional Maksymalna wysokość nad poziomem morza, 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:
|
maxHeading |
Typ:
number optional Maksymalny kąt kierunku (obrotu) mapy. Prawidłowa wartość mieści się w zakresie od
0 do 360 stopni. minHeading i maxHeading to interwał o długości <= 360 stopni, w którym będą dozwolone gesty dotyczące kierunku. minHeading = 180 i maxHeading = 90 umożliwią użycie nagłówka w [0, 90] i nagłówka w [180, 360] . minHeading = 90 i maxHeading = 180 umożliwią użycie nagłówka w [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 poziomem morza, 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 (obrotu) mapy. Prawidłowa wartość mieści się w zakresie od
0 do 360 stopni. minHeading i maxHeading to interwał o długości <= 360 stopni, w którym będą dozwolone gesty dotyczące kierunku. minHeading = 180 i maxHeading = 90 umożliwią użycie nagłówka w [0, 90] i nagłówka w [180, 360] . minHeading = 90 i maxHeading = 180 umożliwią użycie nagłówka w [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 kamery do środka mapy w metrach.
Atrybut HTML:
|
roll |
Typ:
number optional Obrót kamery wokół wektora widoku wyrażony w stopniach. Aby uniknąć niejasności, gdy nie ma pochylenia, każdy obrót będzie interpretowany jako kierunek.
Atrybut HTML:
|
tilt |
Typ:
number optional Nachylenie wektora widoku kamery w stopniach. Wektor widoku skierowany bezpośrednio w dół na Ziemię miałby pochylenie równe 0°. Wektor widoku skierowany od Ziemi miałby kąt nachylenia
180 stopni.Atrybut HTML:
|
Metody | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametry:
Wartość zwracana:
void Konfiguruje funkcję, która będzie wywoływana, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parametry:
Wartość zwracana:
void Usuwa z docelowego elementu detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Patrz removeEventListener |
Wydarzenia | |
---|---|
gmp-centerchange |
function(centerChangeEvent) Argumenty:
To zdarzenie jest wywoływane, gdy zmienia się właściwość center elementu Map3DElement. |
gmp-click |
function(clickEvent) Argumenty:
To zdarzenie jest wywoływane po kliknięciu elementu Map3DElement . |
gmp-headingchange |
function(headingChangeEvent) Argumenty:
To zdarzenie jest wywoływane, gdy zmienia się właściwość heading elementu Map3DElement. |
gmp-rangechange |
function(rangeChangeEvent) Argumenty:
To zdarzenie jest wywoływane, gdy zmienia się wartość właściwości zakresu elementu Map3DElement. |
gmp-rollchange |
function(rollChangeEvent) Argumenty:
To zdarzenie jest wywoływane, gdy zmienia się wartość właściwości roll elementu Map3DElement. |
gmp-steadychange |
function(steadyChangeEvent) Argumenty:
To zdarzenie jest wywoływane, gdy zmienia się stan stabilny Map3DElement . |
gmp-tiltchange |
function(tiltChangeEvent) Argumenty:
To zdarzenie jest wywoływane, gdy zmienia się właściwość nachylenia elementu Map3DElement. |
Map3DElementOptions: interfejs
google.maps.maps3d.Map3DElementOptions
interfejs
Obiekt Map3DElementOptions służy do definiowania właściwości, które można ustawić w obiekcie 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 . |
SteadyChangeEvent class
google.maps.maps3d.SteadyChangeEvent
class
To zdarzenie jest tworzone na podstawie monitorowania stabilnego stanu Map3DElement
. To zdarzenie przenika przez drzewo DOM.
Te zajęcia trwają Event
.
Dostęp przez połączenie telefoniczne const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
Właściwości | |
---|---|
isSteady |
Typ:
boolean Wskazuje, czy element Map3D jest stabilny (czyli czy wszystkie renderowanie bieżącej sceny zostało ukończone). |
ClickEvent class
google.maps.maps3d.ClickEvent
class
To zdarzenie jest tworzone po kliknięciu elementu Map3DElement.
Te zajęcia trwają Event
.
Dostęp przez połączenie telefoniczne const {ClickEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
Właściwości | |
---|---|
position |
Typ:
LatLngAltitude optional Szerokość/długość geograficzna/wysokość, która była pod kursorem w momencie wystąpienia zdarzenia. Pamiętaj, że na niższych poziomach zwracane są mniej dokładne dane. Gdy klikniesz powierzchnię wody z wyższej pozycji kamery, wartość wysokości może być zwrócona jako wysokość dna morskiego. To zdarzenie przenika przez drzewo DOM. |
CenterChangeEvent class
google.maps.maps3d.CenterChangeEvent
class
To zdarzenie zostało utworzone na podstawie zmiany w centrum monitorowania w dniu Map3DElement
. To zdarzenie przenika przez drzewo DOM.
Te zajęcia trwają Event
.
Dostęp przez połączenie telefoniczne const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
HeadingChangeEvent class
google.maps.maps3d.HeadingChangeEvent
class
To zdarzenie jest tworzone na podstawie zmiany nagłówka monitorowania w witrynie Map3DElement
. To zdarzenie przenika przez drzewo DOM.
Te zajęcia trwają Event
.
Dostęp przez połączenie telefoniczne const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
RangeChangeEvent class
google.maps.maps3d.RangeChangeEvent
class
To zdarzenie zostało utworzone na podstawie zmiany zakresu monitorowania Map3DElement
. To zdarzenie przenika przez drzewo DOM.
Te zajęcia trwają Event
.
Dostęp przez połączenie telefoniczne const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
RollChangeEvent class
google.maps.maps3d.RollChangeEvent
class
To zdarzenie zostało utworzone na podstawie zmiany wersji monitorowania Map3DElement
. To zdarzenie przenika przez drzewo DOM.
Te zajęcia trwają Event
.
Dostęp przez połączenie telefoniczne const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
TiltChangeEvent class
google.maps.maps3d.TiltChangeEvent
class
To zdarzenie jest tworzone na podstawie monitorowania zmiany pochylenia w urządzeniu Map3DElement
. To zdarzenie przenika przez drzewo DOM.
Te zajęcia trwają Event
.
Dostęp przez połączenie telefoniczne const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
Klasa Polyline3DElement
google.maps.maps3d.Polyline3DElement
class
Linia złożona 3D to liniowe nakładanie połączonych odcinkó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 trwają HTMLElement
.
Ta klasa implementuje Polyline3DElementOptions
.
Dostęp przez połączenie telefoniczne const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
Zespół | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) Parametry:
|
Właściwości | |
---|---|
altitudeMode |
Typ:
AltitudeMode optional Domyślnie:
AltitudeMode.ABSOLUTE Określa, jak interpretować komponenty wysokości w 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 i jest opcjonalna. |
drawsOccludedSegments |
Typ:
boolean optional Domyślnie:
false Określa, czy części łamany, które mogłyby być zasłonięte, mają być rysowane. Linie złożone mogą być zasłonięte przez geometrię mapy (np. budynki).
Atrybut HTML:
|
extruded |
Typ:
boolean optional Domyślnie:
false Określa, czy linia wielokąta ma być połączona z ziemią. Aby wytłoczyć linię łamaną, musisz ustawić parametr
altitudeMode na wartość RELATIVE_TO_GROUND lub ABSOLUTE .Atrybut HTML:
|
geodesic |
Typ:
boolean optional Domyślnie:
false Jeśli
true , krawędzie wielokąta są interpretowane jako geodezyjne i naśladują krzywiznę Ziemi. Gdy false , krawędzie wielokąta są renderowane jako linie proste na ekranie.Atrybut HTML:
|
outerColor |
Typ:
string optional Kolor zewnętrzny. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML:
|
outerOpacity |
Typ:
number optional Zewnętrzna przezroczystość w zakresie od
0.0 do 1.0 .Atrybut HTML:
|
outerWidth |
Typ:
number optional Szerokość zewnętrzna mieści się w zakresie od
0.0 do 1.0 . To procent strokeWidth .Atrybut HTML:
|
strokeColor |
Typ:
string optional Kolor konturu. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML:
|
strokeOpacity |
Typ:
number optional Wypełnienie obrysu w zakresie od
0.0 do 1.0 .Atrybut HTML:
|
strokeWidth |
Typ:
number optional Szerokość obrysu w pikselach.
Atrybut HTML:
|
zIndex |
Typ:
number optional Z-index w porównaniu z innymi wielokątami.
Atrybut HTML:
|
Metody | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametry:
Wartość zwracana:
void Konfiguruje funkcję, która będzie wywoływana, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parametry:
Wartość zwracana:
void Usuwa z docelowego elementu detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Patrz removeEventListener |
Interfejs Polyline3DElementOptions
google.maps.maps3d.Polyline3DElementOptions
interfejs
Obiekt Polyline3DElementOptions służy do definiowania właściwości, które można ustawić w obiekcie Polyline3DElement.
Właściwości | |
---|---|
altitudeMode optional |
Typ:
AltitudeMode optional Domyślnie:
AltitudeMode.ABSOLUTE Zobacz Polyline3DElement.altitudeMode . |
coordinates optional |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Zobacz Polyline3DElement.coordinates . |
drawsOccludedSegments optional |
Typ:
boolean optional Domyślnie:
false |
extruded optional |
Typ:
boolean optional Domyślnie:
false Zobacz Polyline3DElement.extruded . |
geodesic optional |
Typ:
boolean optional Domyślnie:
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
class
Wielokąt 3D (podobnie jak linia łamana 3D) definiuje serię połączonych ze sobą współrzędnych w uporządkowanej kolejności. Dodatkowo wielokąty tworzą zamkniętą pętlę i określają wypełniony obszar.
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 trwają HTMLElement
.
Ta klasa implementuje Polygon3DElementOptions
.
Dostęp przez połączenie telefoniczne const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
Zespół | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) Parametry:
|
Właściwości | |
---|---|
altitudeMode |
Typ:
AltitudeMode optional Domyślnie:
AltitudeMode.ABSOLUTE Określa, jak interpretować komponenty wysokości w współrzędnych.
Atrybut HTML:
|
drawsOccludedSegments |
Typ:
boolean optional Domyślnie:
false Określa, czy części wielokąta, które mogłyby być zasłonięte, mają być rysowane. Wielokąty mogą być zasłonięte przez geometrię mapy (np. budynki).
Atrybut HTML:
|
extruded |
Typ:
boolean optional Domyślnie:
false Określa, czy wielokąt ma być połączony z ziemią. Aby wytłoczyć wielokąt, w polu
altitudeMode musi występować wartość RELATIVE_TO_GROUND lub ABSOLUTE .Atrybut HTML:
|
fillColor |
Typ:
string optional Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML:
|
fillOpacity |
Typ:
number optional Przezroczystość wypełnienia w zakresie od 0,0 do 1,0.
Atrybut HTML:
|
geodesic |
Typ:
boolean optional Domyślnie:
false Gdy
true , krawędzie wielokąta są interpretowane jako geodezyjne i naśladują krzywiznę Ziemi. Gdy false , krawędzie wielokąta są renderowane jako proste linie w przestrzeni ekranu.Atrybut HTML:
|
innerCoordinates |
Typ:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Uporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. W przeciwieństwie do polilinii wielokąt może składać się z jednej lub większej liczby ścieżek, które tworzą w wielokącie wiele wycięć. |
outerCoordinates |
Typ:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Uporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. Wysokość jest ignorowana w niektórych trybach i jest opcjonalna. |
strokeColor |
Typ:
string optional Kolor konturu. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML:
|
strokeOpacity |
Typ:
number optional Wypełnienie obrysu w zakresie od
0.0 do 1.0 .Atrybut HTML:
|
strokeWidth |
Typ:
number optional Szerokość obrysu w pikselach.
Atrybut HTML:
|
zIndex |
Typ:
number optional Z-index w porównaniu z innymi wielokątami.
Atrybut HTML:
|
Metody | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametry:
Wartość zwracana:
void Konfiguruje funkcję, która będzie wywoływana, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parametry:
Wartość zwracana:
void Usuwa z docelowego elementu detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Patrz removeEventListener |
Interfejs Polygon3DElementOptions
google.maps.maps3d.Polygon3DElementOptions
interfejs
Obiekt Polygon3DElementOptions służy do definiowania właściwości, które można ustawić w obiekcie Polygon3DElement.
AltitudeMode constants
google.maps.maps3d.AltitudeMode
stałe
Określa, jak interpretować komponenty wysokości w współrzędnych.
Dostęp przez połączenie telefoniczne const {AltitudeMode} = await google.maps.importLibrary("maps3d")
. Zobacz Biblioteki w Maps JavaScript API.
Stałe | |
---|---|
ABSOLUTE |
Umożliwia wyrażanie wysokości obiektów względem średniego poziomu morza. Oznacza to też, że jeśli poziom szczegółów terenu pod obiektem ulegnie zmianie, jego bezwzględna pozycja pozostanie taka sama. |
CLAMP_TO_GROUND |
Umożliwia wyrażanie obiektów umieszczonych na ziemi. Pozostaną one na poziomie gruntu, podążając za rzeźbą terenu, niezależnie od podanej wysokości. Jeśli obiekt znajduje się nad dużym zbiornikiem wodnym, zostanie umieszczony na poziomie morza. |
RELATIVE_TO_GROUND |
Umożliwia wyrażanie obiektów względem powierzchni gruntu. Jeśli poziom szczegółów terenu ulegnie zmianie, położenie obiektu w relacji do podłoża pozostanie niezmienne. Nad wodą wysokość będzie interpretowana jako wartość w metrach nad poziomem morza. |
RELATIVE_TO_MESH |
Umożliwia wyrażanie obiektów w relacji do najwyższej powierzchni gruntu, budynku lub wody. W przypadku wody będzie to powierzchnia wody, a w przypadku terenu – powierzchnia budynku (jeśli jest) lub powierzchnia gruntu (jeśli nie ma budynków). |