Classe Map
google.maps.Map
classe
Questa classe estende
MVCObject
.
Accedi chiamando const {Map} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
Map |
Map(mapDiv[, opts]) Parametri:
Crea una nuova mappa all'interno del contenitore HTML specificato, che in genere è un elemento DIV . |
Costanti | |
---|---|
DEMO_MAP_ID |
ID mappa che può essere utilizzato per esempi di codice che richiedono un ID mappa. Questo ID mappa non è destinato all'uso nelle applicazioni di produzione e non può essere utilizzato per funzionalità che richiedono la configurazione cloud (come Cloud Styling). |
Proprietà | |
---|---|
controls |
Tipo:
Array<MVCArray<HTMLElement>> Controlli aggiuntivi da allegare alla mappa. Per aggiungere un controllo alla mappa, aggiungi il valore <div> del controllo a MVCArray corrispondente al valore ControlPosition in cui deve essere eseguito il rendering. |
data |
Tipo:
Data Un'istanza di Data associata alla mappa. Aggiungi elementi a questo oggetto Data per visualizzarli comodamente su questa mappa. |
mapTypes |
Tipo:
MapTypeRegistry Un registro di MapType istanze per ID stringa. |
overlayMapTypes |
Altri tipi di mappa da sovrapporre. I tipi di mappa in overlay vengono visualizzati sopra la mappa base a cui sono associati, nell'ordine in cui appaiono nell'array overlayMapTypes (gli overlay con valori di indice più alti vengono visualizzati davanti agli overlay con valori di indice più bassi). |
Metodi | |
---|---|
fitBounds |
fitBounds(bounds[, padding]) Parametri:
Valore restituito: Nessuno
Imposta l'area visibile in modo che contenga i limiti specificati. Nota: quando la mappa è impostata su display: none , la funzione fitBounds legge le dimensioni della mappa come 0 x 0 e quindi non fa nulla. Per modificare l'area visibile quando la mappa è nascosta, imposta la mappa su visibility: hidden , assicurandoti così che il div della mappa abbia una dimensione effettiva. Per le mappe vettoriali, questo metodo imposta l'inclinazione e l'orientamento della mappa sui valori zero predefiniti. Se chiami questo metodo, potresti ottenere un'animazione uniforme quando la mappa esegue la panoramica e lo zoom per adattarsi ai limiti. L'animazione di questo metodo dipende da un'euristica interna. |
getBounds |
getBounds() Parametri: nessuno
Valore restituito:
LatLngBounds|undefined i limiti latitudine/longitudine dell'area visibile corrente.Restituisce i limiti latitudine/longitudine dell'area visibile corrente. Se è visibile più di una copia del mondo, i limiti di longitudine sono compresi tra -180 e 180 gradi inclusi. Se la mappa non è stata ancora inizializzata o non è al centro e non è stato impostato lo zoom, il risultato è undefined . Per le mappe vettoriali con un'inclinazione o un'intestazione diversa da zero, i limiti latitudine/longitudine restituiti rappresentano il riquadro di delimitazione più piccolo che include l'area visibile dell'area visibile della mappa. Consulta MapCanvasProjection.getVisibleRegion per ottenere l'esatta area visibile dell'area visibile della mappa. |
getCenter |
getCenter() Parametri: nessuno
Valore restituito:
LatLng|undefined |
getClickableIcons |
getClickableIcons() Parametri: nessuno
Valore restituito:
boolean|undefined Restituisce la cliccabilità delle icone della mappa. Un'icona mappa rappresenta un punto d'interesse, chiamato anche PDI. Se il valore restituito è true , le icone sono cliccabili sulla mappa. |
getDatasetFeatureLayer |
getDatasetFeatureLayer(datasetId) Parametri:
Valore restituito:
FeatureLayer Restituisce FeatureLayer per il valore datasetId specificato. Gli ID set di dati devono essere configurati nella console Google Cloud. Se l'ID del set di dati non è associato allo stile di mappa della mappa o se non sono disponibili stili basati sui dati (nessun ID mappa, nessun riquadro vettoriale o livelli degli elementi con stile basato sui dati o set di dati configurati nello stile della mappa), viene registrato un errore e il valore FeatureLayer.isAvailable risultante sarà false. |
getDiv |
getDiv() Parametri: nessuno
Valore restituito:
HTMLElement il mapDiv della mappa. |
getFeatureLayer |
getFeatureLayer(featureType) Parametri:
Valore restituito:
FeatureLayer Restituisce il FeatureLayer di un FeatureType specifico. È necessario abilitare un FeatureLayer nella console Google Cloud. Se un FeatureLayer del FeatureType specificato non esiste su questa mappa o se non sono disponibili stili basati sui dati (nessun ID mappa, nessun riquadro vettoriale e nessun FeatureLayer abilitato nello stile di mappa), viene registrato un errore e il valore FeatureLayer.isAvailable risultante sarà false. |
getHeading |
getHeading() Parametri: nessuno
Valore restituito:
number|undefined Restituisce l'intestazione della bussola della mappa. Il valore dell'orientamento viene misurato in gradi (senso orario) dalla direzione cardinale nord. Se la mappa non è stata ancora inizializzata, il risultato è undefined . |
getMapCapabilities |
getMapCapabilities() Parametri: nessuno
Valore restituito:
MapCapabilities Informa il chiamante delle attuali funzionalità disponibili per la mappa in base all'ID mappa fornito. |
getMapTypeId |
getMapTypeId() Parametri: nessuno
Valore restituito:
MapTypeId|string|undefined |
getProjection |
getProjection() Parametri: nessuno
Valore restituito:
Projection|undefined Restituisce l'attuale Projection . Se la mappa non è stata ancora inizializzata, il risultato è undefined . Ascolta l'evento projection_changed e controlla il relativo valore per assicurarti che non sia undefined . |
getRenderingType |
getRenderingType() Parametri: nessuno
Valore restituito:
RenderingType Restituisce il RenderingType corrente della mappa. |
getStreetView |
getStreetView() Parametri: nessuno
Valore restituito:
StreetViewPanorama il panorama associato alla mappa.Restituisce l'elemento StreetViewPanorama predefinito associato alla mappa, che può essere un panorama predefinito incorporato all'interno della mappa o il set di panorami che utilizza setStreetView() . Le modifiche apportate a streetViewControl della mappa verranno riflesse nella visualizzazione di questo panorama associato. |
getTilt |
getTilt() Parametri: nessuno
Valore restituito:
number|undefined Restituisce l'angolo di incidenza corrente della mappa, in gradi, dal piano dell'area visibile a quello della mappa. Per le mappe raster, il risultato sarà 0 per immagini scattate direttamente sopra la testa o 45 per immagini a 45°. Questo metodo non restituisce il valore impostato da setTilt . Per informazioni dettagliate, visita la pagina setTilt . |
getZoom |
getZoom() Parametri: nessuno
Valore restituito:
number|undefined Restituisce lo zoom della mappa. Se lo zoom non è stato impostato, il risultato è undefined . |
moveCamera |
moveCamera(cameraOptions) Parametri:
Valore restituito: Nessuno
Imposta immediatamente la fotocamera della mappa sulle opzioni della videocamera target, senza animazione. |
panBy |
panBy(x, y) Parametri:
Valore restituito: Nessuno
Modifica il centro della mappa della distanza specificata in pixel. Se la distanza è inferiore alla larghezza e all'altezza della mappa, la transizione verrà animata in modo uniforme. Nota che il sistema di coordinate della mappa aumenta da ovest a est (per i valori x) e da nord a sud (per i valori y). |
panTo |
panTo(latLng) Parametri:
Valore restituito: Nessuno
Modifica il centro della mappa nel LatLng specificato. Se la modifica è inferiore alla larghezza e all'altezza della mappa, l'animazione della transizione sarà uniforme. |
panToBounds |
panToBounds(latLngBounds[, padding]) Parametri:
Valore restituito: Nessuno
Esegue la panoramica della mappa del valore minimo necessario per contenere il valore LatLngBounds specificato. Non possiamo garantire la posizione dei confini sulla mappa, tranne per il fatto che la mappa verrà eseguita con una panoramica per mostrare il maggior numero possibile di limiti all'interno di {currentMapSizeInPx} - {padding} . Per le mappe raster e vettoriali, lo zoom, l'inclinazione e l'orientamento della mappa non subiranno modifiche. |
setCenter |
setCenter(latlng) Parametri:
Valore restituito: Nessuno
|
setClickableIcons |
setClickableIcons(value) Parametri:
Valore restituito: Nessuno
Controlla se le icone mappa sono cliccabili o meno. Un'icona mappa rappresenta un punto d'interesse, chiamato anche PDI. Per disattivare la cliccabilità delle icone mappa, passa un valore false a questo metodo. |
setHeading |
setHeading(heading) Parametri:
Valore restituito: Nessuno
Imposta l'orientamento della bussola per la mappa misurata in gradi dalla direzione cardinale nord. Per le mappe raster, questo metodo si applica solo alle immagini aeree. |
setMapTypeId |
setMapTypeId(mapTypeId) Parametri:
Valore restituito: Nessuno
|
setOptions |
setOptions(options) Parametri:
Valore restituito: Nessuno
|
setStreetView |
setStreetView(panorama) Parametri:
Valore restituito: Nessuno
Associa StreetViewPanorama alla mappa. Questo panorama sostituisce il valore predefinito StreetViewPanorama , consentendo l'associazione della mappa a un panorama esterno esterno alla mappa. Se imposti il panorama su null , il panorama incorporato predefinito viene associato alla mappa. |
setTilt |
setTilt(tilt) Parametri:
Valore restituito: Nessuno
Per le mappe vettoriali, imposta l'angolo di incidenza della mappa. I valori consentiti sono limitati a seconda del livello di zoom della mappa. Per le mappe raster, consente di controllare il comportamento di commutazione automatica per l'angolo di incidenza della mappa. Gli unici valori consentiti sono 0 e 45 . setTilt(0) fa sì che la mappa utilizzi sempre una vista dall'alto di 0°, indipendentemente dal livello di zoom e dall'area visibile. setTilt(45) fa sì che l'angolo di inclinazione passi automaticamente a 45° ogni volta che sono disponibili immagini a 45° per l'area visibile e il livello di zoom correnti e viene ripristinata a 0 quando le immagini a 45° non sono disponibili (comportamento predefinito). Le immagini a 45° sono disponibili solo per i tipi di mappa satellite e hybrid , all'interno di alcune località e con alcuni livelli di zoom. Nota: getTilt restituisce l'angolo di inclinazione corrente, non il valore impostato da setTilt . Poiché getTilt e setTilt fanno riferimento a cose diverse, non bind() la proprietà tilt ; in questo modo potresti avere effetti imprevedibili. |
setZoom |
setZoom(zoom) Parametri:
Valore restituito: Nessuno
Imposta lo zoom della mappa. |
Ereditato:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventi | |
---|---|
bounds_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando i limiti dell'area visibile sono cambiati. |
center_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando la proprietà Centro mappa cambia. |
click |
function(event) Argomenti:
Questo evento viene attivato quando l'utente fa clic sulla mappa. Viene restituito un MapMouseEvent con proprietà per la località selezionata, a meno che non sia stato fatto clic sull'icona luogo, nel qual caso viene restituito un IconMouseEvent con un ID luogo. IconMouseEvent e MapMouseEvent sono identici, ad eccezione del fatto che IconMouseEvent ha il campo ID luogo. L'evento può sempre essere considerato come un MapMouseEvent quando l'ID luogo non è importante. L'evento di clic non viene attivato se l'utente ha fatto clic su un indicatore o su una finestra informativa. |
contextmenu |
function(event) Argomenti:
Questo evento viene attivato quando l'evento del menu contestuale DOM viene attivato sul contenitore della mappa. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando l'utente fa doppio clic sulla mappa. Tieni presente che l'evento clic a volte viene attivato una volta e a volte due volte, subito prima di questo. |
drag |
function() Argomenti: nessuno
Questo evento viene attivato ripetutamente mentre l'utente trascina la mappa. |
dragend |
function() Argomenti: nessuno
Questo evento viene attivato quando l'utente smette di trascinare la mappa. |
dragstart |
function() Argomenti: nessuno
Questo evento viene attivato quando l'utente inizia a trascinare la mappa. |
heading_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando la proprietà dell'intestazione della mappa cambia. |
idle |
function() Argomenti: nessuno
Questo evento viene attivato quando la mappa diventa inattiva dopo la panoramica o lo zoom. |
isfractionalzoomenabled_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando la proprietà isFractionalZoomEnabled è stata modificata. |
mapcapabilities_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando le funzionalità della mappa cambiano. |
maptypeid_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando la proprietà mapTypeId cambia. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato ogni volta che il mouse dell'utente si sposta sul contenitore della mappa. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato quando il mouse dell'utente esce dal contenitore della mappa. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato quando il mouse dell'utente entra nel contenitore della mappa. |
projection_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando la proiezione è cambiata. |
renderingtype_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando il valore di renderingType è stato modificato. |
tilesloaded |
function() Argomenti: nessuno
Questo evento viene attivato al termine del caricamento dei riquadri visibili. |
tilt_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando la proprietà di inclinazione della mappa cambia. |
zoom_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando la proprietà di zoom della mappa cambia. |
|
function(event) Argomenti:
Questo evento viene attivato quando l'utente fa clic con il tasto destro del mouse sulla mappa. |
Interfaccia di MapOptions
Interfaccia google.maps.MapOptions
Oggetto MapOptions utilizzato per definire le proprietà che possono essere impostate su una mappa.
Proprietà | |
---|---|
backgroundColor optional |
Tipo:
string optional Colore utilizzato per lo sfondo del div della mappa. Questo colore sarà visibile quando i riquadri non sono stati ancora caricati mentre l'utente esegue la panoramica. Questa opzione può essere impostata solo quando la mappa è inizializzata. |
center optional |
Tipo:
LatLng|LatLngLiteral optional Il centro iniziale della mappa. |
clickableIcons optional |
Tipo:
boolean optional Predefinito:
true Quando false , non è possibile fare clic sulle icone mappa. Un'icona mappa rappresenta un punto d'interesse, chiamato anche PDI. |
controlSize optional |
Tipo:
number optional Dimensioni in pixel dei controlli visualizzati sulla mappa. Questo valore deve essere fornito direttamente durante la creazione della mappa. Se lo aggiorni in un secondo momento, i controlli potrebbero passare allo stato undefined . Regola solo i controlli effettuati dall'API di Google Maps stessa. Non scala i controlli personalizzati creati dallo sviluppatore. |
disableDefaultUI optional |
Tipo:
boolean optional Attiva/disattiva tutti i pulsanti dell'interfaccia utente predefinita. Possono essere sostituite singolarmente. Non disattiva i controlli da tastiera, che sono controllati separatamente dall'opzione MapOptions.keyboardShortcuts . Non disattiva i controlli tramite gesti, che possono essere controllati separatamente dall'opzione MapOptions.gestureHandling . |
disableDoubleClickZoom optional |
Tipo:
boolean optional Attiva/disattiva lo zoom e la centratura al doppio clic. Questa opzione è abilitata per impostazione predefinita. Nota: questa proprietà non è consigliata. Per disattivare lo zoom quando fai doppio clic, puoi utilizzare la proprietà |
|
Tipo:
boolean optional Se false , impedisce il trascinamento della mappa. Il trascinamento è abilitato per impostazione predefinita. |
draggableCursor optional |
Tipo:
string optional Il nome o l'URL del cursore da visualizzare quando passi il mouse su una mappa trascinabile. Questa proprietà utilizza l'attributo CSS cursor per modificare l'icona. Come per la proprietà CSS, devi specificare almeno un cursore di riserva che non sia un URL. Ad esempio: draggableCursor: 'url(http://www.example.com/icon.png), auto;' . |
draggingCursor optional |
Tipo:
string optional Il nome o l'URL del cursore da visualizzare quando la mappa viene trascinata. Questa proprietà utilizza l'attributo CSS cursor per modificare l'icona. Come per la proprietà CSS, devi specificare almeno un cursore di riserva che non sia un URL. Ad esempio: draggingCursor: 'url(http://www.example.com/icon.png), auto;' . |
fullscreenControl optional |
Tipo:
boolean optional Lo stato attivato/disattivato del controllo a schermo intero. |
fullscreenControlOptions optional |
Tipo:
FullscreenControlOptions optional Le opzioni di visualizzazione per il controllo a schermo intero. |
gestureHandling optional |
Tipo:
string optional Questa impostazione controlla in che modo l'API gestisce i gesti sulla mappa. Valori consentiti:
|
heading optional |
Tipo:
number optional L'orientamento delle immagini aeree in gradi misurata in senso orario dalla direzione cardinale nord. Le intestazioni vengono agganciate all'angolazione più vicina disponibile per cui sono disponibili le immagini. |
isFractionalZoomEnabled optional |
Tipo:
boolean optional Predefinito:
true per le mappe vettoriali e false per le mappe rasterIndica se la mappa deve consentire livelli di zoom frazionari. Ascolta isfractionalzoomenabled_changed per sapere quando è stata impostata l'impostazione predefinita. |
keyboardShortcuts optional |
Tipo:
boolean optional Se false , impedisce il controllo della mappa da tastiera. Le scorciatoie da tastiera sono attive per impostazione predefinita. |
mapId optional |
Tipo:
string optional L'ID mappa della mappa. Questo parametro non può essere impostato o modificato dopo l'istanza di una mappa. |
mapTypeControl optional |
Tipo:
boolean optional Lo stato iniziale attivato/disattivato del controllo Tipo di mappa. |
mapTypeControlOptions optional |
Tipo:
MapTypeControlOptions optional Le opzioni di visualizzazione iniziali per il controllo Tipo di mappa. |
mapTypeId optional |
Tipo:
MapTypeId|string optional Il MapTypeId iniziale della mappa. Il valore predefinito è ROADMAP . |
maxZoom optional |
Tipo:
number optional Il livello massimo di zoom che verrà visualizzato sulla mappa. Se omesso, o impostato su null , viene utilizzato lo zoom massimo del tipo di mappa corrente. I valori di zoom validi sono numeri da zero fino al livello di zoom massimo supportato. |
minZoom optional |
Tipo:
number optional Il livello minimo di zoom che verrà visualizzato sulla mappa. Se omesso o impostato su null , viene utilizzato lo zoom minimo del tipo di mappa corrente. I valori di zoom validi sono numeri da zero fino al livello di zoom massimo supportato. |
noClear optional |
Tipo:
boolean optional Se true , non cancellare i contenuti del tag div della mappa. |
|
Tipo:
boolean optional Lo stato attivato/disattivato del controllo Panoramica. |
|
Tipo:
PanControlOptions optional Le opzioni di visualizzazione per il controllo Panoramica. |
restriction optional |
Tipo:
MapRestriction optional Definisce un confine che limita l'area della mappa accessibile agli utenti. Se questa impostazione è impostata, un utente può eseguire la panoramica e lo zoom solo quando la visualizzazione della videocamera rimane entro i limiti del confine. |
rotateControl optional |
Tipo:
boolean optional Lo stato attivato/disattivato del controllo Ruota. |
rotateControlOptions optional |
Tipo:
RotateControlOptions optional Le opzioni di visualizzazione per il controllo Ruota. |
scaleControl optional |
Tipo:
boolean optional Lo stato iniziale di attivazione/disattivazione del controllo Bilancia. |
scaleControlOptions optional |
Tipo:
ScaleControlOptions optional Le opzioni di visualizzazione iniziali per il controllo Scala. |
scrollwheel optional |
Tipo:
boolean optional Se false , disattiva lo zoom sulla mappa utilizzando la rotellina del mouse. La rotellina di scorrimento è attiva per impostazione predefinita. Nota: questa proprietà non è consigliata. Per disattivare lo zoom con la rotellina di scorrimento, puoi utilizzare la proprietà |
streetView optional |
Tipo:
StreetViewPanorama optional Un StreetViewPanorama da visualizzare quando il pegman di Street View viene rilasciato sulla mappa. Se non viene specificata alcuna panoramica, nel div della mappa verrà visualizzato un valore predefinito StreetViewPanorama quando il Pegman viene rilasciato. |
streetViewControl optional |
Tipo:
boolean optional Lo stato iniziale attivato/disattivato del controllo Pegman di Street View. Questo controllo fa parte dell'interfaccia utente predefinita e deve essere impostato su false quando visualizzi un tipo di mappa su cui l'overlay stradale di Street View non deve apparire (ad esempio, un tipo di mappa diverso da Earth). |
streetViewControlOptions optional |
Tipo:
StreetViewControlOptions optional Opzioni di visualizzazione iniziali per il controllo Pegman di Street View. |
styles optional |
Tipo:
Array<MapTypeStyle> optional Stili da applicare a ciascuno dei tipi di mappa predefiniti. Tieni presente che per le modalità satellite /hybrid e terrain , questi stili verranno applicati solo alle etichette e alla geometria. |
tilt optional |
Tipo:
number optional Per le mappe vettoriali, imposta l'angolo di incidenza della mappa. I valori consentiti sono limitati a seconda del livello di zoom della mappa. Per le mappe raster, consente di controllare il comportamento di commutazione automatica per l'angolo di incidenza della mappa. Gli unici valori consentiti sono 0 e 45 . Il valore 0 fa sì che la mappa utilizzi sempre una vista dall'alto di 0° indipendentemente dal livello di zoom e dall'area visibile. Il valore 45 fa sì che l'angolo di inclinazione passi automaticamente a 45 ogni volta che sono disponibili immagini a 45° per il livello di zoom e l'area visibile correnti. Viene impostato nuovamente su 0 quando le immagini a 45° non sono disponibili (comportamento predefinito). Le immagini a 45° sono disponibili solo per i tipi di mappa satellite e hybrid , all'interno di alcune località e con alcuni livelli di zoom. Nota: getTilt restituisce l'angolo di inclinazione corrente, non il valore specificato da questa opzione. Poiché getTilt e questa opzione si riferiscono a cose diverse, non bind() la proprietà tilt ; in caso contrario potrebbero verificarsi effetti imprevedibili. |
zoom optional |
Tipo:
number optional Il livello di zoom iniziale della mappa. I valori di zoom validi sono numeri da zero fino al livello di zoom massimo supportato. Valori di zoom più grandi corrispondono a una risoluzione maggiore. |
zoomControl optional |
Tipo:
boolean optional Lo stato attivo/disattivato del controllo Zoom. |
zoomControlOptions optional |
Tipo:
ZoomControlOptions optional Le opzioni di visualizzazione per il controllo Zoom. |
Classe MapElement
google.maps.MapElement
classe
MapElement è una sottoclasse HTMLElement
per il rendering delle mappe. Dopo aver caricato la libreria maps
, è possibile creare una mappa in HTML. Ad esempio:
<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
<button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>
Internamente, utilizza
Map
, a cui è possibile accedere con la proprietà innerMap
.
Elemento personalizzato:
<gmp-map center="lat,lng" map-id="string" zoom="number"></gmp-map>
Questa classe estende
HTMLElement
.
Questa classe implementa
MapElementOptions
.
Accedi chiamando const {MapElement} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
MapElement |
MapElement([options]) Parametri:
|
Proprietà | |
---|---|
center |
Tipo:
LatLng|LatLngLiteral optional La latitudine/longitudine centrale della mappa.
Attributo HTML:
|
innerMap |
Tipo:
Map Un riferimento all'elemento Map che viene utilizzato internamente da MapElement. |
mapId |
Tipo:
string optional L'ID della mappa. Per saperne di più, consulta la documentazione ID mappa.
Attributo HTML:
|
zoom |
Tipo:
number optional Il livello di zoom della mappa.
Attributo HTML:
|
Metodi | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà richiamata ogni volta che l'evento specificato viene pubblicato nella destinazione. Consulta la funzione addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Rimuove dalla destinazione un listener di eventi precedentemente registrato con hreflang. Vedi removeEventListener |
Eventi | |
---|---|
gmp-zoomchange |
function(event) Argomenti:
Questo evento viene attivato quando la proprietà di zoom della mappa cambia. |
Interfaccia di MapElementOptions
Interfaccia google.maps.MapElementOptions
Oggetto MapElementOptions utilizzato per definire le proprietà che possono essere impostate su un MapElement.
Proprietà | |
---|---|
center optional |
Tipo:
LatLng|LatLngLiteral optional Il centro iniziale della mappa. |
mapId optional |
Tipo:
string optional L'ID mappa della mappa. Questo parametro non può essere impostato o modificato dopo l'istanza di una mappa. |
zoom optional |
Tipo:
number optional Il livello di zoom iniziale della mappa. I valori di zoom validi sono numeri da zero fino al livello di zoom massimo supportato. Valori di zoom più grandi corrispondono a una risoluzione maggiore. |
Classe ZoomChangeEvent
google.maps.ZoomChangeEvent
classe
Questo evento viene creato dal monitoraggio della variazione dello zoom.
Questa classe estende
Event
.
Accedi chiamando const {ZoomChangeEvent} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Interfaccia MapTypeStyle
Interfaccia google.maps.MapTypeStyle
MapTypeStyle
è una raccolta di selettori e stili di stile che definiscono lo stile da applicare alla mappa. I selettori specificano le funzionalità della mappa e/o gli elementi che devono essere interessati, mentre gli stili di stili specificano le modalità di modifica degli elementi e degli elementi. Per maggiori dettagli, consulta la documentazione di riferimento sugli stili.
Proprietà | |
---|---|
stylers |
Le regole di stile da applicare agli elementi e agli elementi della mappa selezionati. Le regole vengono applicate nell'ordine specificato in questo array. Per le linee guida sull'utilizzo e sui valori consentiti, consulta la documentazione di riferimento sugli stili. |
elementType optional |
Tipo:
string optional L'elemento a cui applicare uno styler. Un elemento è un aspetto visivo di un elemento sulla mappa. Esempio: un'etichetta, un'icona, il tratto o il riempimento applicati alla geometria e altro ancora. Campo facoltativo. Se elementType non viene specificato, si presume che il valore sia 'all' . Per dettagli sull'utilizzo e sui valori consentiti, consulta la documentazione di riferimento sugli stili. |
featureType optional |
Tipo:
string optional L'elemento o il gruppo di elementi a cui deve essere applicato uno styler. Campo facoltativo. Se featureType non viene specificato, si presume che il valore sia 'all' . Per dettagli sull'utilizzo e sui valori consentiti, consulta la documentazione di riferimento sugli stili. |
Interfaccia MapMouseEvent
Interfaccia google.maps.MapMouseEvent
Questo oggetto viene restituito da vari eventi del mouse sulla mappa e da overlay e contiene tutti i campi mostrati di seguito.
Proprietà | |
---|---|
domEvent |
L'evento DOM nativo corrispondente. Gli sviluppatori non devono fare affidamento sulla definizione e coerenza delle proprietà target , currentTarget , relatedTarget e path . Gli sviluppatori non devono fare affidamento anche sulla struttura DOM dell'implementazione interna dell'API di Google Maps. A causa della mappatura interna degli eventi, domEvent potrebbe avere una semantica diversa da quella di MapMouseEvent (ad es. un "clic" MapMouseEvent potrebbe avere un domEvent di tipo KeyboardEvent ). |
latLng optional |
Tipo:
LatLng optional La latitudine/longitudine sotto il cursore quando si è verificato l'evento. |
Metodi | |
---|---|
stop |
stop() Parametri: nessuno
Valore restituito:
void Impedisce l'ulteriore propagazione di questo evento. |
Interfaccia IconMouseEvent
Interfaccia google.maps.IconMouseEvent
Questo oggetto viene inviato in un evento quando un utente fa clic su un'icona sulla mappa. L'ID luogo di questo luogo è memorizzato nel membro PlaceId. Per impedire la visualizzazione della finestra informativa predefinita, chiama il metodo stop() su questo evento per evitare che venga propagato. Scopri di più sugli ID luogo nella guida per gli sviluppatori dell'API Places.
Questa interfaccia estende
MapMouseEvent
.
Proprietà | |
---|---|
placeId optional |
Tipo:
string optional L'ID del luogo su cui è stato fatto clic. Questo ID luogo può essere utilizzato per eseguire query aggiuntive sull'elemento su cui è stato fatto clic. Scopri di più sugli ID luogo nella guida per gli sviluppatori dell'API Places. |
Ereditate:
domEvent ,
latLng
|
Metodi | |
---|---|
Ereditato:
stop
|
Costanti MapTypeId
google.maps.MapTypeId
costanti
Identificatori per i MapTypes più comuni. Specificali tramite un valore o utilizzando il nome della costante. Ad esempio, 'satellite'
o google.maps.MapTypeId.SATELLITE
.
Accedi chiamando const {MapTypeId} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costanti | |
---|---|
HYBRID |
Questo tipo di mappa mostra un livello trasparente delle strade principali sulle immagini satellitari. |
ROADMAP |
Questo tipo di mappa visualizza una mappa stradale normale. |
SATELLITE |
Questo tipo di mappa mostra immagini satellitari. |
TERRAIN |
Questo tipo di mappa mostra mappe con caratteristiche fisiche come terreno e vegetazione. |
MapTypeRegistry
google.maps.MapTypeRegistry
classe
Un registro per le istanze MapType, chiavi in base all'ID MapType.
Questa classe estende
MVCObject
.
Accedi chiamando const {MapTypeRegistry} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
MapTypeRegistry |
MapTypeRegistry() Parametri: nessuno
L' MapTypeRegistry contiene la raccolta di tipi di mappe personalizzate disponibili per la mappa per il suo utilizzo. Ad esempio, l'API consulta questo registro per fornire l'elenco dei tipi di mappa disponibili all'interno dei controlli. |
Metodi | |
---|---|
set |
set(id, mapType) Parametri:
Valore restituito: Nessuno
Imposta il registro in modo che associ l'identificatore della stringa passata al MapType passato. |
Ereditate:
addListener ,
bindTo ,
get ,
notify ,
setValues ,
unbind ,
unbindAll
|
Interfaccia MapRestriction
Interfaccia google.maps.MapRestriction
Una restrizione che può essere applicata alla mappa. L'area visibile della mappa non supererà queste limitazioni.
Proprietà | |
---|---|
latLngBounds |
Se impostato, un utente può eseguire la panoramica e lo zoom solo all'interno dei limiti specificati. I limiti possono limitare sia la latitudine che la longitudine oppure possono limitare solo la latitudine. Per i limiti di solo latitudine, utilizza le longitudini ovest ed est rispettivamente di -180 e 180, ad esempio latLngBounds: {north: northLat, south: southLat, west: -180, east: 180} . |
strictBounds optional |
Tipo:
boolean optional I limiti possono essere resi più restrittivi impostando il flag strictBounds su true . In questo modo si riduce di quanto un utente può diminuire lo zoom, assicurando che tutti i contenuti al di fuori dei limiti limitati rimangano nascosti. Il valore predefinito è false , il che significa che un utente può diminuire lo zoom finché non viene visualizzata l'intera area delimitata, incluse le aree al di fuori dell'area delimitata. |
Classe TrafficLayer
google.maps.TrafficLayer
classe
Un livello di traffico.
Questa classe estende
MVCObject
.
Accedi chiamando const {TrafficLayer} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
TrafficLayer |
TrafficLayer([opts]) Parametri:
Un livello che mostra il traffico stradale corrente. |
Metodi | |
---|---|
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map Restituisce la mappa su cui è visualizzato il livello. |
setMap |
setMap(map) Parametri:
Valore restituito: Nessuno
Esegue il rendering del livello sulla mappa specificata. Se la mappa è impostata su null , il livello verrà rimosso. |
setOptions |
setOptions(options) Parametri:
Valore restituito: Nessuno
|
Ereditato:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Interfaccia di TrafficLayerOptions
Interfaccia google.maps.TrafficLayerOptions
Oggetto TrafficlayerOptions utilizzato per definire le proprietà che possono essere impostate su un Trafficstrato.
Proprietà | |
---|---|
autoRefresh optional |
Tipo:
boolean optional Predefinito:
true Indica se il livello di traffico si aggiorna automaticamente con informazioni aggiornate. |
map optional |
Tipo:
Map optional Mappa sulla quale visualizzare il livello del traffico. |
Classe TransitLayer
google.maps.TransitLayer
classe
Un livello di trasporto pubblico.
Questa classe estende
MVCObject
.
Accedi chiamando const {TransitLayer} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
TransitLayer |
TransitLayer() Parametri: nessuno
Un livello che mostra le linee di trasporto pubblico. |
Metodi | |
---|---|
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map Restituisce la mappa su cui è visualizzato il livello. |
setMap |
setMap(map) Parametri:
Valore restituito: Nessuno
Esegue il rendering del livello sulla mappa specificata. Se la mappa è impostata su null , il livello verrà rimosso. |
Ereditato:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Classe BicyclingLayer
google.maps.BicyclingLayer
classe
Un livello che mostra le piste ciclabili e i percorsi.
Questa classe estende
MVCObject
.
Accedi chiamando const {BicyclingLayer} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
BicyclingLayer |
BicyclingLayer() Parametri: nessuno
Un livello che mostra le piste ciclabili e i percorsi e fa retrocedere le grandi strade. |
Metodi | |
---|---|
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map Restituisce la mappa su cui è visualizzato il livello. |
setMap |
setMap(map) Parametri:
Valore restituito: Nessuno
Esegue il rendering del livello sulla mappa specificata. Se la mappa è impostata su null , il livello verrà rimosso. |
Ereditato:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Interfaccia di CameraOptions
Interfaccia google.maps.CameraOptions
Utilizzato per impostare le opzioni della fotocamera della mappa.
Proprietà | |
---|---|
center optional |
Tipo:
LatLngLiteral|LatLng optional |
heading optional |
Tipo:
number optional |
tilt optional |
Tipo:
number optional |
zoom optional |
Tipo:
number optional |
Interfaccia di VisibleRegion
Interfaccia google.maps.VisibleRegion
Contiene i quattro punti che definiscono il poligono a quattro lati che è l'area visibile della mappa. In una mappa vettoriale, questo poligono può essere un trapezio invece di un rettangolo, se una mappa vettoriale è inclinata.
Proprietà | |
---|---|
farLeft |
Tipo:
LatLng |
farRight |
Tipo:
LatLng |
latLngBounds |
Tipo:
LatLngBounds Il riquadro di delimitazione più piccolo che include l'area visibile. |
nearLeft |
Tipo:
LatLng |
nearRight |
Tipo:
LatLng |
Costanti RenderingType
google.maps.RenderingType
costanti
Accedi chiamando const {RenderingType} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costanti | |
---|---|
RASTER |
Indica che la mappa è una mappa raster. |
UNINITIALIZED |
Indica che non è ancora noto se la mappa è vettoriale o raster, perché l'inizializzazione della mappa non è ancora terminata. |
VECTOR |
Indica che la mappa è una mappa vettoriale. |
MapCapabilities interfaccia
Interfaccia google.maps.MapCapabilities
Oggetto contenente un'istantanea delle funzionalità attualmente disponibili per la mappa. Tieni presente che ciò non significa necessariamente che i moduli pertinenti siano caricati o inizializzati, ma piuttosto che la mappa corrente disponga dell'autorizzazione per utilizzare queste API. Consulta le proprietà per un elenco delle possibili funzionalità.
Proprietà | |
---|---|
isAdvancedMarkersAvailable optional |
Tipo:
boolean optional Se true, la mappa è configurata correttamente per consentire l'utilizzo di indicatori avanzati. Tieni presente che devi comunque importare la libreria marker per utilizzare gli indicatori avanzati. Per saperne di più, visita la pagina https://goo.gle/gmp-isAdvancedMarkersAvailable. |
isDataDrivenStylingAvailable optional |
Tipo:
boolean optional Se il valore è true, questa mappa è configurata correttamente per consentire l'utilizzo di stili basati sui dati per almeno un Feature Layer. Per saperne di più, visita le pagine https://goo.gle/gmp-data-driven-styling e https://goo.gle/gmp-FeatureLayerIsAvailable. |