3D Maps

Map3DElement classe

google.maps.maps3d.Map3DElement classe

Map3DElement è un'interfaccia HTML per la visualizzazione 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>

Questo corso si estende HTMLElement.

Questa classe implementa Map3DElementOptions.

Accedi chiamando il numero const {Map3DElement} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

Map3DElement
Map3DElement([options])
Parametri: 
bounds
Se impostato, limita la posizione della fotocamera entro i limiti di latitudine/longitudine specificati. Tieni presente che il rendering degli oggetti al di fuori dei limiti viene comunque eseguito. I limiti possono limitare sia la latitudine sia la latitudine oppure possono limitare solo la latitudine o la longitudine. Per i limiti di sola latitudine, utilizza rispettivamente le coordinate di longitudine ovest e est di -180 e 180. Per i limiti di sola longitudine utilizza le latitudini nord e sud di 90 e -90, rispettivamente.
center
Il centro della mappa è espresso in LatLngAltitude, dove l'altitudine è espressa in metri sopra il livello del suolo. Tieni presente che questo non è necessariamente il punto in cui si trova la fotocamera, perché il campo range influisce sulla distanza della fotocamera dal centro della mappa. Se non viene configurato, il valore predefinito è {lat: 0, lng: 0, altitude: 63170000}. 63170000 metri è l'altitudine massima consentita (raggio della Terra moltiplicato per 10).
Attributo HTML:
  • <gmp-map-3d center="lat,lng,altitude"></gmp-map-3d>
defaultLabelsDisabled
Tipo:  boolean optional
Predefinita: false
Quando true, le etichette della mappa predefinite non vengono visualizzate.
Attributo HTML:
  • <gmp-map-3d default-labels-disabled></gmp-map-3d>
heading
Tipo:  number optional
L'orientamento della bussola sulla mappa, in gradi, dove il nord verso nord è zero. In assenza di inclinazione, qualsiasi rotazione verrà interpretata come orientamento.
Attributo HTML:
  • <gmp-map-3d heading="number"></gmp-map-3d>
maxAltitude
Tipo:  number optional
L'altitudine massima rispetto al suolo che verrà visualizzata sulla mappa. Un valore valido è compreso tra 0 e 63170000 metri (raggio terrestre moltiplicato per 10).
Attributo HTML:
  • <gmp-map-3d max-altitude="number"></gmp-map-3d>
maxHeading
Tipo:  number optional
L'angolo massimo dell'orientamento (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 delle intestazioni. minHeading = 180 e maxHeading = 90 permetteranno l'intestazione in [0, 90] e l'intestazione in [180, 360]. minHeading = 90 e maxHeading = 180 consentiranno l'intestazione in [90, 180].
Attributo HTML:
  • <gmp-map-3d max-heading="number"></gmp-map-3d>
maxTilt
Tipo:  number optional
L'angolo massimo di incidenza della mappa. Un valore valido è compreso tra 0 e 90 gradi.
Attributo HTML:
  • <gmp-map-3d max-tilt="number"></gmp-map-3d>
minAltitude
Tipo:  number optional
L'altitudine minima sul suolo che verrà visualizzata sulla mappa. Un valore valido è compreso tra 0 e 63170000 metri (raggio terrestre moltiplicato per 10).
Attributo HTML:
  • <gmp-map-3d min-altitude="number"></gmp-map-3d>
minHeading
Tipo:  number optional
L'angolo minimo dell'orientamento (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 delle intestazioni. minHeading = 180 e maxHeading = 90 permetteranno l'intestazione in [0, 90] e l'intestazione in [180, 360]. minHeading = 90 e maxHeading = 180 consentiranno l'intestazione in [90, 180].
Attributo HTML:
  • <gmp-map-3d min-heading="number"></gmp-map-3d>
minTilt
Tipo:  number optional
L'angolo minimo di incidenza della mappa. Un valore valido è compreso tra 0 e 90 gradi.
Attributo HTML:
  • <gmp-map-3d min-tilt="number"></gmp-map-3d>
range
Tipo:  number optional
La distanza in metri dalla fotocamera al centro della mappa.
Attributo HTML:
  • <gmp-map-3d range="number"></gmp-map-3d>
roll
Tipo:  number optional
Il rotolo della fotocamera intorno al vettore di visualizzazione in gradi. Per risolvere le ambiguità, in assenza di inclinazione, qualsiasi rotazione verrà interpretata come intestazione.
Attributo HTML:
  • <gmp-map-3d roll="number"></gmp-map-3d>
tilt
Tipo:  number optional
L'inclinazione del vettore di visualizzazione della videocamera in gradi. Un vettore di visualizzazione che guarda direttamente la Terra avrebbe un'inclinazione di zero gradi. Un vettore di visualizzazione che punta lontano dalla Terra avrebbe un'inclinazione di 180 gradi.
Attributo HTML:
  • <gmp-map-3d tilt="number"></gmp-map-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional Vedi le opzioni. Gli eventi personalizzati supportano solo i criteri capture e passive.
Valore restituito:  void
Imposta una funzione che verrà richiamata ogni volta che l'evento specificato viene pubblicato per la destinazione. Vedi addEventListener
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per il quale rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject il listener di eventi del gestore di eventi da rimuovere dal target dell'evento.
  • optionsboolean|EventListenerOptions optional Vedi le opzioni
Valore restituito:  void
Rimuove dal target un listener di eventi precedentemente registrato con accessibility. Vedi removeEventListener
gmp-centerchange
function(centerChangeEvent)
Argomenti: 
Questo evento viene attivato quando la proprietà centrale di Map3DElement viene modificata.
gmp-click
function(clickEvent)
Argomenti: 
Questo evento viene attivato quando l'utente fa clic sull'elemento Map3DElement.
gmp-headingchange
function(headingChangeEvent)
Argomenti: 
Questo evento viene attivato quando la proprietà dell'intestazione di Map3DElement viene modificata.
gmp-rangechange
function(rangeChangeEvent)
Argomenti: 
Questo evento viene attivato quando la proprietà di intervallo di Map3DElement viene modificata.
gmp-rollchange
function(rollChangeEvent)
Argomenti: 
Questo evento viene attivato quando la proprietà roll di Map3DElement viene modificata.
gmp-steadychange
function(steadyChangeEvent)
Argomenti: 
Questo evento viene attivato quando lo stato stabile di Map3DElement cambia.
gmp-tiltchange
function(tiltChangeEvent)
Argomenti: 
Questo evento viene attivato quando la proprietà di inclinazione di Map3DElement viene modificata.

Map3DElementOptions. interfaccia

google.maps.maps3d.Map3DElementOptions interfaccia

Oggetto Map3DElementOptions utilizzato per definire le proprietà che possono essere impostate su un Map3DElement.

bounds optional
center optional
defaultLabelsDisabled optional
Tipo:  boolean optional
heading optional
Tipo:  number optional
maxAltitude optional
Tipo:  number optional
maxHeading optional
Tipo:  number optional
maxTilt optional
Tipo:  number optional
minAltitude optional
Tipo:  number optional
minHeading optional
Tipo:  number optional
minTilt optional
Tipo:  number optional
range optional
Tipo:  number optional
roll optional
Tipo:  number optional
tilt optional
Tipo:  number optional

SteadyChangeEvent classe

google.maps.maps3d.SteadyChangeEvent classe

Questo evento viene creato dal monitoraggio di uno stato stabile di Map3DElement. Questo evento compare nell'albero DOM.

Questo corso si estende Event.

Accedi chiamando il numero const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

isSteady
Tipo:  boolean
Indica se Map3DElement è stabile (ovvero se tutto il rendering della scena corrente è stato completato) o meno.

ClickEvent classe

google.maps.maps3d.ClickEvent classe

Questo evento viene creato facendo clic su un Map3DElement.

Questo corso si estende Event.

Accedi chiamando il numero const {ClickEvent} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

position
Tipo:  LatLngAltitude optional
La latitudine/longitudine/altitudine sotto il cursore quando si è verificato l'evento. Tieni presente che, a livelli più approssimativi, verranno restituiti dati meno precisi. Inoltre, l'elevazione del fondale marino può essere restituita per il valore di altitudine quando si fa clic sulla superficie dell'acqua da posizioni più alte della fotocamera. Questo evento compare nell'albero DOM.

CenterChangeEvent classe

google.maps.maps3d.CenterChangeEvent classe

Questo evento viene creato a partire dalla modifica del centro di monitoraggio il giorno Map3DElement. Questo evento compare nell'albero DOM.

Questo corso si estende Event.

Accedi chiamando il numero const {CenterChangeEvent} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

HeadingChangeEvent classe

google.maps.maps3d.HeadingChangeEvent classe

Questo evento viene creato dal monitoraggio della modifica dell'intestazione il giorno Map3DElement. Questo evento compare nell'albero DOM.

Questo corso si estende Event.

Accedi chiamando il numero const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

RangeChangeEvent classe

google.maps.maps3d.RangeChangeEvent classe

Questo evento viene creato a partire dalla modifica dell'intervallo di monitoraggio su Map3DElement. Questo evento compare nell'albero DOM.

Questo corso si estende Event.

Accedi chiamando il numero const {RangeChangeEvent} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

RollChangeEvent classe

google.maps.maps3d.RollChangeEvent classe

Questo evento viene creato a partire dalla modifica di monitoraggio del rollback su Map3DElement. Questo evento compare nell'albero DOM.

Questo corso si estende Event.

Accedi chiamando il numero const {RollChangeEvent} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

TiltChangeEvent classe

google.maps.maps3d.TiltChangeEvent classe

Questo evento viene creato dal monitoraggio della variazione dell'inclinazione su Map3DElement. Questo evento compare nell'albero DOM.

Questo corso si estende Event.

Accedi chiamando il numero const {TiltChangeEvent} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

Polyline3DElement classe

google.maps.maps3d.Polyline3DElement classe

Una polilinea 3D è una sovrapposizione lineare di segmenti di linee collegate 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>

Questo corso si estende HTMLElement.

Questa classe implementa Polyline3DElementOptions.

Accedi chiamando il numero const {Polyline3DElement} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

Polyline3DElement
Polyline3DElement([options])
Parametri: 
altitudeMode
Tipo:  AltitudeMode optional
Consente di specificare come vengono interpretati i componenti di altitudine nelle coordinate.
Attributo HTML:
  • <gmp-polyline-3d altitude-mode="absolute"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="clamp-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-mesh"></gmp-polyline-3d>
coordinates
La sequenza ordinata di coordinate della polilinea. L'altitudine viene ignorata in alcune modalità e quindi facoltativa.
drawsOccludedSegments
Tipo:  boolean optional
Predefinita: false
Specifica se le parti della polilinea che potrebbero essere occulte sono disegnate o meno. Le polilinee possono essere occulte dalla geometria della mappa (ad esempio, gli edifici).
Attributo HTML:
  • <gmp-polyline-3d draws-occluded-segments></gmp-polyline-3d>
extruded
Tipo:  boolean optional
Predefinita: false
Specifica se collegare la polilinea al suolo. Per estrudere una polilinea, altitudeMode deve essere RELATIVE_TO_GROUND o ABSOLUTE.
Attributo HTML:
  • <gmp-polyline-3d extruded></gmp-polyline-3d>
geodesic
Tipo:  boolean optional
Predefinita: false
Quando true, i bordi della polilinea sono interpretati come geodetici e seguiranno la curvatura della Terra. Quando false, i bordi della polilinea vengono visualizzati come linee rette nello spazio dello schermo.
Attributo HTML:
  • <gmp-polyline-3d geodesic></gmp-polyline-3d>
outerColor
Tipo:  string optional
Il colore esterno. Sono supportati tutti i colori CSS3.
Attributo HTML:
  • <gmp-polyline-3d outer-color="string"></gmp-polyline-3d>
outerOpacity
Tipo:  number optional
L'opacità esterna tra 0.0 e 1.0.
Attributo HTML:
  • <gmp-polyline-3d outer-opacity="number"></gmp-polyline-3d>
outerWidth
Tipo:  number optional
La larghezza esterna è compresa tra 0.0 e 1.0. Questa è una percentuale del numero di strokeWidth.
Attributo HTML:
  • <gmp-polyline-3d outer-width="number"></gmp-polyline-3d>
strokeColor
Tipo:  string optional
Il colore del tratto. Sono supportati tutti i colori CSS3.
Attributo HTML:
  • <gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>
strokeOpacity
Tipo:  number optional
L'opacità del tratto tra 0.0 e 1.0.
Attributo HTML:
  • <gmp-polyline-3d stroke-opacity="number"></gmp-polyline-3d>
strokeWidth
Tipo:  number optional
Lo spessore del tratto in pixel.
Attributo HTML:
  • <gmp-polyline-3d stroke-width="number"></gmp-polyline-3d>
zIndex
Tipo:  number optional
Il valore zIndex a confronto con altri poli.
Attributo HTML:
  • <gmp-polyline-3d z-index="number"></gmp-polyline-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional Vedi le opzioni. Gli eventi personalizzati supportano solo i criteri capture e passive.
Valore restituito:  void
Imposta una funzione che verrà richiamata ogni volta che l'evento specificato viene pubblicato per la destinazione. Vedi addEventListener
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per il quale rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject il listener di eventi del gestore di eventi da rimuovere dal target dell'evento.
  • optionsboolean|EventListenerOptions optional Vedi le opzioni
Valore restituito:  void
Rimuove dal target un listener di eventi precedentemente registrato con accessibility. Vedi removeEventListener

OpzioniPolyline3DElement interfaccia

google.maps.maps3d.Polyline3DElementOptions interfaccia

Oggetto Polyline3DElementOptions utilizzato per definire le proprietà che possono essere impostate su un elemento Polyline3DElement.

altitudeMode optional
Tipo:  AltitudeMode optional
coordinates optional
drawsOccludedSegments optional
Tipo:  boolean optional
Predefinita: false
extruded optional
Tipo:  boolean optional
Predefinita: false
geodesic optional
Tipo:  boolean optional
Predefinita: false
outerColor optional
Tipo:  string optional
outerOpacity optional
Tipo:  number optional
outerWidth optional
Tipo:  number optional
strokeColor optional
Tipo:  string optional
strokeOpacity optional
Tipo:  number optional
strokeWidth optional
Tipo:  number optional
zIndex optional
Tipo:  number optional

Elemento_Polygon3D classe

google.maps.maps3d.Polygon3DElement classe

Un poligono 3D (come una polilinea 3D) definisce una serie di coordinate collegate in una sequenza ordinata. Inoltre, i poligoni formano un ciclo chiuso e definiscono un'area 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>

Questo corso si estende HTMLElement.

Questa classe implementa Polygon3DElementOptions.

Accedi chiamando il numero const {Polygon3DElement} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

Polygon3DElement
Polygon3DElement([options])
Parametri: 
altitudeMode
Tipo:  AltitudeMode optional
Consente di specificare come vengono interpretati i componenti di altitudine nelle coordinate.
Attributo HTML:
  • <gmp-polygon-3d altitude-mode="absolute"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="clamp-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-mesh"></gmp-polygon-3d>
drawsOccludedSegments
Tipo:  boolean optional
Predefinita: false
Specifica se le parti del poligono che potrebbero essere occulte sono disegnate o meno. I poligoni possono essere nascosti dalla geometria della mappa (ad esempio, gli edifici).
Attributo HTML:
  • <gmp-polygon-3d draws-occluded-segments></gmp-polygon-3d>
extruded
Tipo:  boolean optional
Predefinita: false
Specifica se collegare il poligono al suolo. Per estrudere un poligono, il valore di altitudeMode deve essere RELATIVE_TO_GROUND o ABSOLUTE.
Attributo HTML:
  • <gmp-polygon-3d extruded></gmp-polygon-3d>
fillColor
Tipo:  string optional
Il colore di riempimento. Sono supportati tutti i colori CSS3.
Attributo HTML:
  • <gmp-polygon-3d fill-color="string"></gmp-polygon-3d>
fillOpacity
Tipo:  number optional
L'opacità di riempimento compresa tra 0,0 e 1,0.
Attributo HTML:
  • <gmp-polygon-3d fill-opacity="number"></gmp-polygon-3d>
geodesic
Tipo:  boolean optional
Predefinita: false
Quando true, i bordi del poligono sono interpretati come geodetici e seguiranno la curvatura della Terra. Quando false, i bordi del poligono vengono visualizzati come linee rette nello spazio dello schermo.
Attributo HTML:
  • <gmp-polygon-3d geodesic></gmp-polygon-3d>
innerCoordinates
La sequenza ordinata di coordinate che indica un anello chiuso. A differenza delle polilinee, un poligono può essere composto da uno o più percorsi che creano più ritagli all'interno del poligono.
outerCoordinates
La sequenza ordinata di coordinate che indica un anello chiuso. L'altitudine viene ignorata in alcune modalità e quindi facoltativa.
strokeColor
Tipo:  string optional
Il colore del tratto. Sono supportati tutti i colori CSS3.
Attributo HTML:
  • <gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>
strokeOpacity
Tipo:  number optional
L'opacità del tratto tra 0.0 e 1.0.
Attributo HTML:
  • <gmp-polygon-3d stroke-opacity="number"></gmp-polygon-3d>
strokeWidth
Tipo:  number optional
Lo spessore del tratto in pixel.
Attributo HTML:
  • <gmp-polygon-3d stroke-width="number"></gmp-polygon-3d>
zIndex
Tipo:  number optional
Il valore zIndex a confronto con altri poli.
Attributo HTML:
  • <gmp-polygon-3d z-index="number"></gmp-polygon-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional Vedi le opzioni. Gli eventi personalizzati supportano solo i criteri capture e passive.
Valore restituito:  void
Imposta una funzione che verrà richiamata ogni volta che l'evento specificato viene pubblicato per la destinazione. Vedi addEventListener
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per il quale rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject il listener di eventi del gestore di eventi da rimuovere dal target dell'evento.
  • optionsboolean|EventListenerOptions optional Vedi le opzioni
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con adobe. Vedi removeEventListener

Opzioni elemento 3D Polygon interfaccia

google.maps.maps3d.Polygon3DElementOptions interfaccia

Oggetto Polygon3DElementOptions utilizzato per definire le proprietà che possono essere impostate su un elemento Polygon3DElement.

altitudeMode optional
Tipo:  AltitudeMode optional
drawsOccludedSegments optional
Tipo:  boolean optional
Predefinita: false
extruded optional
Tipo:  boolean optional
Predefinita: false
fillColor optional
Tipo:  string optional
fillOpacity optional
Tipo:  number optional
geodesic optional
Tipo:  boolean optional
Predefinita: false
innerCoordinates optional
outerCoordinates optional
strokeColor optional
Tipo:  string optional
strokeOpacity optional
Tipo:  number optional
strokeWidth optional
Tipo:  number optional
zIndex optional
Tipo:  number optional

AltitudeMode costanti

google.maps.maps3d.AltitudeMode costanti

Consente di specificare come vengono interpretati i componenti di altitudine nelle coordinate.

Accedi chiamando il numero const {AltitudeMode} = await google.maps.importLibrary("maps3d"). Consulta Librerie nell'API Maps JavaScript.

ABSOLUTE Consente di esprimere oggetti rispetto al livello medio del mare. Ciò significa anche che se il livello di dettaglio del rilievo cambia sotto l'oggetto, la sua posizione assoluta rimarrà la stessa.
CLAMP_TO_GROUND Consente di esprimere oggetti posizionati sul suolo. Rimarranno a livello del suolo seguendo il terreno indipendentemente dall'altitudine fornita. Se l'oggetto è posizionato su uno specchio d'acqua, verrà posizionato al livello del mare.
RELATIVE_TO_GROUND Consente di esprimere oggetti rispetto alla superficie del suolo. Se il livello di dettaglio del rilievo cambia, la posizione dell'oggetto rimarrà costante rispetto al suolo. Quando si trova sull'acqua, l'altitudine viene interpretata come un valore in metri sul livello del mare.
RELATIVE_TO_MESH Consente di esprimere oggetti rispetto alla superficie più alta di terra, edificio e superficie dell'acqua. Quando è sull'acqua, si tratta della superficie dell'acqua; quando si trova sopra il terreno, si tratta della superficie dell'edificio (se presente) o del terreno (se non sono presenti edifici).