Classe Map3DElement
google.maps.maps3d.Map3DElement
corso
Map3DElement è un'interfaccia HTML per la visualizzazione della mappa 3D.
Elemento personalizzato:
<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>
Questa classe estende
HTMLElement
.
Questa classe implementa
Map3DElementOptions
.
Accedi chiamando const {Map3DElement} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
Map3DElement |
Map3DElement([options]) Parametri:
|
Proprietà | |
---|---|
bounds |
Tipo:
LatLngBounds|LatLngBoundsLiteral optional Se impostato, limita la posizione della videocamera entro i limiti di latitudine/longitudine specificati. Tieni presente che gli oggetti al di fuori dei limiti vengono comunque visualizzati. I limiti possono limitare sia la longitudine che la latitudine oppure solo la latitudine o la longitudine. Per i limiti solo per latitudine, utilizza le longitudini ovest ed est di -180 e 180 , rispettivamente. Per i limiti solo per longitudine, utilizza le latitudini nord e sud di 90 e -90 , rispettivamente. |
center |
Tipo:
LatLngAltitude|LatLngAltitudeLiteral optional Il centro della mappa specificato come LatLngAltitude, dove l'altitudine è in metri sul livello del suolo. Tieni presente che non è necessariamente la posizione della videocamera, poiché il campo
range influisce sulla distanza della videocamera dal centro della mappa. Se non viene impostato, il valore predefinito è {lat: 0, lng: 0, altitude: 63170000} . 63170000 metri è l'altitudine massima consentita (il raggio della Terra moltiplicato per 10).Attributo HTML:
|
defaultLabelsDisabled |
Tipo:
boolean optional Valore predefinito:
false Se
true , le etichette predefinite della mappa non vengono visualizzate.Attributo HTML:
|
heading |
Tipo:
number optional L'orientamento della mappa in gradi, dove il nord è pari a zero. In assenza di inclinazione, qualsiasi roll verrà interpretato come rotta.
Attributo HTML:
|
maxAltitude |
Tipo:
number optional L'altitudine massima sopra il suolo che verrà visualizzata sulla mappa. Un valore valido è compreso tra
0 e 63170000 metri (il raggio della Terra moltiplicato per 10).Attributo HTML:
|
maxHeading |
Tipo:
number optional L'angolo massimo di rotta (rotazione) della mappa. Un valore valido è compreso tra
0 e 360 gradi. minHeading e maxHeading rappresentano un intervallo di <= 360 gradi in cui saranno consentiti i gesti di direzione. minHeading = 180 e maxHeading = 90 consentiranno l'inserimento di intestazioni in [0, 90] e [180, 360] . minHeading = 90 e maxHeading = 180 consentiranno l'inserimento di intestazioni in [90, 180] .Attributo HTML:
|
maxTilt |
Tipo:
number optional L'angolo massimo di incidenza della mappa. Un valore valido è compreso tra
0 e 90 gradi.Attributo HTML:
|
minAltitude |
Tipo:
number optional L'altitudine minima sopra il suolo che verrà visualizzata sulla mappa. Un valore valido è compreso tra
0 e 63170000 metri (il raggio della Terra moltiplicato per 10).Attributo HTML:
|
minHeading |
Tipo:
number optional L'angolo minimo di rotta (rotazione) della mappa. Un valore valido è compreso tra
0 e 360 gradi. minHeading e maxHeading rappresentano un intervallo di <= 360 gradi in cui saranno consentiti i gesti di direzione. minHeading = 180 e maxHeading = 90 consentiranno l'inserimento di intestazioni in [0, 90] e [180, 360] . minHeading = 90 e maxHeading = 180 consentiranno l'inserimento di intestazioni in [90, 180] .Attributo HTML:
|
minTilt |
Tipo:
number optional L'angolo di incidenza minimo della mappa. Un valore valido è compreso tra
0 e 90 gradi.Attributo HTML:
|
range |
Tipo:
number optional La distanza dalla fotocamera al centro della mappa, in metri.
Attributo HTML:
|
roll |
Tipo:
number optional L'inclinazione della fotocamera attorno al vettore di visualizzazione in gradi. Per risolvere le ambiguità, quando non è presente l'inclinazione, qualsiasi roll verrà interpretato come rotta.
Attributo HTML:
|
tilt |
Tipo:
number optional L'inclinazione del vettore di visuale della videocamera in gradi. Un vettore di visualizzazione che guarda direttamente verso il basso sulla Terra avrebbe un'inclinazione di zero gradi. Un vettore di visualizzazione che punta lontano dalla Terra avrà un'inclinazione di
180 gradi.Attributo HTML:
|
Metodi | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato al target. Vedi addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Rimuove dal target un gestore di eventi precedentemente registrato con addEventListener. Vedi removeEventListener |
Eventi | |
---|---|
gmp-centerchange |
function(centerChangeEvent) Argomenti:
Questo evento viene attivato quando la proprietà center di Map3DElement cambia. |
gmp-click |
function(clickEvent) Argomenti:
Questo evento viene attivato quando si fa clic sull'elemento Map3DElement . |
gmp-headingchange |
function(headingChangeEvent) Argomenti:
Questo evento viene attivato quando la proprietà heading di Map3DElement cambia. |
gmp-rangechange |
function(rangeChangeEvent) Argomenti:
Questo evento viene attivato quando la proprietà intervallo di Map3DElement cambia. |
gmp-rollchange |
function(rollChangeEvent) Argomenti:
Questo evento viene attivato quando la proprietà roll di Map3DElement cambia. |
gmp-steadychange |
function(steadyChangeEvent) Argomenti:
Questo evento viene attivato quando cambia lo stato stabile di Map3DElement . |
gmp-tiltchange |
function(tiltChangeEvent) Argomenti:
Questo evento viene attivato quando la proprietà tilt di Map3DElement cambia. |
Interfaccia Map3DElementOptions
google.maps.maps3d.Map3DElementOptions
interfaccia
Oggetto Map3DElementOptions utilizzato per definire le proprietà che possono essere impostate su un elemento Map3D.
Proprietà | |
---|---|
bounds optional |
Tipo:
LatLngBounds|LatLngBoundsLiteral optional Leggi i Map3DElement.bounds . |
center optional |
Tipo:
LatLngAltitude|LatLngAltitudeLiteral optional Leggi i Map3DElement.center . |
defaultLabelsDisabled optional |
Tipo:
boolean optional Leggi i Map3DElement.defaultLabelsDisabled . |
heading optional |
Tipo:
number optional Leggi i Map3DElement.heading . |
maxAltitude optional |
Tipo:
number optional Leggi i Map3DElement.maxAltitude . |
maxHeading optional |
Tipo:
number optional Leggi i Map3DElement.maxHeading . |
maxTilt optional |
Tipo:
number optional Leggi i Map3DElement.maxTilt . |
minAltitude optional |
Tipo:
number optional Leggi i Map3DElement.minAltitude . |
minHeading optional |
Tipo:
number optional Leggi i Map3DElement.minHeading . |
minTilt optional |
Tipo:
number optional Leggi i Map3DElement.minTilt . |
range optional |
Tipo:
number optional Leggi i Map3DElement.range . |
roll optional |
Tipo:
number optional Leggi i Map3DElement.roll . |
tilt optional |
Tipo:
number optional Leggi i Map3DElement.tilt . |
SteadyChangeEvent class
google.maps.maps3d.SteadyChangeEvent
corso
Questo evento viene creato dal monitoraggio di uno stato stabile di Map3DElement
. Questo evento viene visualizzato nell'albero DOM.
Questa classe estende
Event
.
Accedi chiamando const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Proprietà | |
---|---|
isSteady |
Tipo:
boolean Indica se Map3DElement è stabile (ovvero se è stato completato tutto il rendering per la scena corrente) o meno. |
Classe ClickEvent
google.maps.maps3d.ClickEvent
corso
Questo evento viene creato facendo clic su un elemento Map3D.
Questa classe estende
Event
.
Accedi chiamando const {ClickEvent} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Proprietà | |
---|---|
position |
Tipo:
LatLngAltitude optional La latitudine/longitudine/altitudine sotto il cursore quando si è verificato l'evento. Tieni presente che a livelli più generici verranno restituiti dati meno precisi. Inoltre, l'elevazione del fondo del mare può essere restituita per il valore dell'altitudine quando si fa clic sulla superficie dell'acqua da posizioni più elevate della fotocamera. Questo evento viene visualizzato nell'albero DOM. |
Classe CenterChangeEvent
google.maps.maps3d.CenterChangeEvent
corso
Questo evento viene creato dalla modifica del Centro monitoraggio il giorno Map3DElement
. Questo evento viene visualizzato nell'albero DOM.
Questa classe estende
Event
.
Accedi chiamando const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
HeadingChangeEvent class
google.maps.maps3d.HeadingChangeEvent
corso
Questo evento viene creato dal monitoraggio della modifica del titolo il giorno Map3DElement
. Questo evento viene visualizzato nell'albero DOM.
Questa classe estende
Event
.
Accedi chiamando const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
RangeChangeEvent class
google.maps.maps3d.RangeChangeEvent
corso
Questo evento viene creato dalla modifica dell'intervallo di monitoraggio il giorno Map3DElement
. Questo evento viene visualizzato nell'albero DOM.
Questa classe estende
Event
.
Accedi chiamando const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Classe RollChangeEvent
google.maps.maps3d.RollChangeEvent
corso
Questo evento viene creato dalla modifica del roll di monitoraggio in Map3DElement
. Questo evento viene visualizzato nell'albero DOM.
Questa classe estende
Event
.
Accedi chiamando const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
TiltChangeEvent
google.maps.maps3d.TiltChangeEvent
corso
Questo evento viene creato dal monitoraggio della variazione dell'inclinazione su Map3DElement
. Questo evento viene visualizzato nell'albero DOM.
Questa classe estende
Event
.
Accedi chiamando const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Classe Polyline3DElement
google.maps.maps3d.Polyline3DElement
corso
Una polilinea 3D è un overlay lineare di segmenti di linea collegati su una mappa 3D.
Elemento personalizzato:
<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>
Questa classe estende
HTMLElement
.
Questa classe implementa
Polyline3DElementOptions
.
Accedi chiamando const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) Parametri:
|
Proprietà | |
---|---|
altitudeMode |
Tipo:
AltitudeMode optional Valore predefinito:
AltitudeMode.ABSOLUTE Specifica in che modo vengono interpretati i componenti di altitudine nelle coordinate.
Attributo HTML:
|
coordinates |
Tipo:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional La sequenza ordinata delle coordinate della polilinea. L'altitudine viene ignorata in determinate modalità ed è quindi facoltativa. |
drawsOccludedSegments |
Tipo:
boolean optional Valore predefinito:
false Specifica se le parti del polilinea che potrebbero essere occultate vengono disegnate o meno. Le polilinee possono essere ostruite dalla geometria della mappa (ad es. edifici).
Attributo HTML:
|
extruded |
Tipo:
boolean optional Valore predefinito:
false Specifica se collegare il polilinea al suolo. Per estrudere una polilinea,
altitudeMode deve essere RELATIVE_TO_GROUND o ABSOLUTE .Attributo HTML:
|
geodesic |
Tipo:
boolean optional Valore predefinito:
false Quando
true , i bordi del polilinea vengono interpretati come geodetici e seguiranno la curvatura della Terra. Quando false , i bordi del polilinea vengono visualizzati come linee rette nello spazio dello schermo.Attributo HTML:
|
outerColor |
Tipo:
string optional Il colore esterno. Sono supportati tutti i colori CSS3.
Attributo HTML:
|
outerOpacity |
Tipo:
number optional L'opacità esterna compresa tra
0.0 e 1.0 .Attributo HTML:
|
outerWidth |
Tipo:
number optional La larghezza esterna deve essere compresa tra
0.0 e 1.0 . Si tratta di una percentuale del strokeWidth .Attributo HTML:
|
strokeColor |
Tipo:
string optional Il colore del tratto. Sono supportati tutti i colori CSS3.
Attributo HTML:
|
strokeOpacity |
Tipo:
number optional L'opacità del tratto compresa tra
0.0 e 1.0 .Attributo HTML:
|
strokeWidth |
Tipo:
number optional La larghezza del tratto in pixel.
Attributo HTML:
|
zIndex |
Tipo:
number optional L'indice z rispetto ad altri poli.
Attributo HTML:
|
Metodi | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato al target. Vedi addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Rimuove dal target un gestore di eventi precedentemente registrato con addEventListener. Vedi removeEventListener |
Interfaccia Polyline3DElementOptions
google.maps.maps3d.Polyline3DElementOptions
interfaccia
Oggetto Polyline3DElementOptions utilizzato per definire le proprietà che possono essere impostate su un elemento Polyline3D.
Proprietà | |
---|---|
altitudeMode optional |
Tipo:
AltitudeMode optional Valore predefinito:
AltitudeMode.ABSOLUTE Leggi i Polyline3DElement.altitudeMode . |
coordinates optional |
Tipo:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Leggi i Polyline3DElement.coordinates . |
drawsOccludedSegments optional |
Tipo:
boolean optional Valore predefinito:
false |
extruded optional |
Tipo:
boolean optional Valore predefinito:
false Leggi i Polyline3DElement.extruded . |
geodesic optional |
Tipo:
boolean optional Valore predefinito:
false Leggi i Polyline3DElement.geodesic . |
outerColor optional |
Tipo:
string optional Leggi i Polyline3DElement.outerColor . |
outerOpacity optional |
Tipo:
number optional Leggi i Polyline3DElement.outerOpacity . |
outerWidth optional |
Tipo:
number optional Leggi i Polyline3DElement.outerWidth . |
strokeColor optional |
Tipo:
string optional Leggi i Polyline3DElement.strokeColor . |
strokeOpacity optional |
Tipo:
number optional Leggi i Polyline3DElement.strokeOpacity . |
strokeWidth optional |
Tipo:
number optional Leggi i Polyline3DElement.strokeWidth . |
zIndex optional |
Tipo:
number optional Leggi i Polyline3DElement.zIndex . |
Classe Polygon3DElement
google.maps.maps3d.Polygon3DElement
corso
Un poligono 3D (come una polilinea 3D) definisce una serie di coordinate collegate in una sequenza ordinata. Inoltre, i poligoni formano un anello chiuso e definiscono una regione riempita.
Elemento personalizzato:
<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>
Questa classe estende
HTMLElement
.
Questa classe implementa
Polygon3DElementOptions
.
Accedi chiamando const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) Parametri:
|
Proprietà | |
---|---|
altitudeMode |
Tipo:
AltitudeMode optional Valore predefinito:
AltitudeMode.ABSOLUTE Specifica in che modo vengono interpretati i componenti di altitudine nelle coordinate.
Attributo HTML:
|
drawsOccludedSegments |
Tipo:
boolean optional Valore predefinito:
false Specifica se le parti del poligono che potrebbero essere occultate vengono disegnate o meno. I poligoni possono essere occultati dalla geometria della mappa (ad es. edifici).
Attributo HTML:
|
extruded |
Tipo:
boolean optional Valore predefinito:
false Specifica se collegare il poligono al suolo. Per estrudere un poligono,
altitudeMode deve essere RELATIVE_TO_GROUND o ABSOLUTE .Attributo HTML:
|
fillColor |
Tipo:
string optional Il colore di riempimento. Sono supportati tutti i colori CSS3.
Attributo HTML:
|
fillOpacity |
Tipo:
number optional L'opacità del riempimento deve essere compresa tra 0,0 e 1,0.
Attributo HTML:
|
geodesic |
Tipo:
boolean optional Valore predefinito:
false Quando
true , i bordi del poligono vengono interpretati come geodetici e seguiranno la curvatura della Terra. Se false , i bordi del poligono vengono visualizzati come linee rette nello spazio dello schermo.Attributo HTML:
|
innerCoordinates |
Tipo:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional La sequenza ordinata di coordinate che indica un circuito chiuso. A differenza delle polilinee, un poligono può essere costituito da uno o più percorsi, che creano più ritagli all'interno del poligono. |
outerCoordinates |
Tipo:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional La sequenza ordinata di coordinate che indica un circuito chiuso. L'altitudine viene ignorata in determinate modalità ed è quindi facoltativa. |
strokeColor |
Tipo:
string optional Il colore del tratto. Sono supportati tutti i colori CSS3.
Attributo HTML:
|
strokeOpacity |
Tipo:
number optional L'opacità del tratto compresa tra
0.0 e 1.0 .Attributo HTML:
|
strokeWidth |
Tipo:
number optional La larghezza del tratto in pixel.
Attributo HTML:
|
zIndex |
Tipo:
number optional L'indice z rispetto ad altri poli.
Attributo HTML:
|
Metodi | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato al target. Vedi addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Rimuove dal target un gestore di eventi precedentemente registrato con addEventListener. Vedi removeEventListener |
Interfaccia Polygon3DElementOptions
google.maps.maps3d.Polygon3DElementOptions
interfaccia
Oggetto Polygon3DElementOptions utilizzato per definire le proprietà che possono essere impostate su un elemento Polygon3D.
Costanti AltitudeMode
google.maps.maps3d.AltitudeMode
costanti
Specifica in che modo vengono interpretati i componenti di altitudine nelle coordinate.
Accedi chiamando const {AltitudeMode} = await google.maps.importLibrary("maps3d")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costanti | |
---|---|
ABSOLUTE |
Consente di esprimere gli oggetti rispetto al livello medio del mare medio. Ciò significa anche che se il livello di dettaglio del terreno cambia sotto l'oggetto, la sua posizione assoluta rimarrà invariata. |
CLAMP_TO_GROUND |
Consente di esprimere gli oggetti posizionati sul suolo. Rimarranno a livello del suolo seguendo il terreno, indipendentemente dall'altitudine fornita. Se l'oggetto è posizionato sopra un grande specchio d'acqua, verrà posizionato a livello del mare. |
RELATIVE_TO_GROUND |
Consente di esprimere gli oggetti in base alla superficie del suolo. Se il livello di dettaglio del terreno cambia, la posizione dell'oggetto rimarrà costante rispetto al suolo. Sopra l'acqua, l'altitudine verrà interpretata come un valore in metri sul livello del mare. |
RELATIVE_TO_MESH |
Consente di esprimere gli oggetti rispetto alla superficie più alta di suolo, edifici e acqua. Se sopra l'acqua, sarà la superficie dell'acqua; se sopra il terreno, sarà la superficie dell'edificio (se presente) o del suolo (se non sono presenti edifici). |