lezione Polyline
google.maps.Polyline
corso
Una polilinea è un overlay lineare di segmenti di linee connesse sulla mappa.
Questa lezione si estende a MVCObject
.
Accedi chiamando const {Polyline} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
Polyline |
Polyline([opts]) Parametri:
Crea una polilinea utilizzando il carattere PolylineOptions passato, che specifica sia il percorso della polilinea sia lo stile del tratto da utilizzare durante il disegno della polilinea. Puoi passare un array di LatLng o MVCArray di LatLng quando costruisci una polilinea, anche se gli array semplici vengono convertiti in MVCArray all'interno della polilinea al momento dell'istanza. |
Metodi | |
---|---|
getDraggable |
getDraggable() Parametri: nessuna
Valore restituito:
boolean Indica se l'utente può trascinare questa forma. |
getEditable |
getEditable() Parametri: nessuna
Valore restituito:
boolean Indica se questa forma può essere modificata dall'utente. |
getMap |
getMap() Parametri: nessuna
Valore restituito:
Map|null Restituisce la mappa su cui è allegata questa forma. |
getPath |
getPath() Parametri: nessuna
Recupera il percorso. |
getVisible |
getVisible() Parametri: nessuna
Valore restituito:
boolean Restituisce se il poly è visibile sulla mappa. |
setDraggable |
setDraggable(draggable) Parametri:
Valore restituito: nessuno
Se è impostato su true , l'utente può trascinare questa forma sulla mappa. La proprietà geodesic definisce la modalità di trascinamento. |
setEditable |
setEditable(editable) Parametri:
Valore restituito: nessuno
Se è impostato su true , l'utente può modificare questa forma trascinando i punti di controllo indicati nei vertici e su ciascun segmento. |
setMap |
setMap(map) Parametri:
Valore restituito: nessuno
Consente di visualizzare questa forma sulla mappa specificata. Se la mappa è impostata su null , la forma verrà rimossa. |
setOptions |
setOptions(options) Parametri:
Valore restituito: nessuno
|
setPath |
setPath(path) Parametri:
Valore restituito: nessuno
Imposta il percorso. Per ulteriori dettagli, consulta PolylineOptions . |
setVisible |
setVisible(visible) Parametri:
Valore restituito: nessuno
Nasconde questo poly se è impostato su false . |
Ereditato:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventi | |
---|---|
click |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento di clic DOM sulla polilinea. |
contextmenu |
function(event) Argomenti:
Questo evento viene attivato quando l'evento del menu contestuale DOM viene attivato su Poyline. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento dblclick DOM sulla polilinea. |
drag |
function(event) Argomenti:
Questo evento viene attivato ripetutamente mentre l'utente trascina la polilinea. |
dragend |
function(event) Argomenti:
Questo evento viene attivato quando l'utente smette di trascinare la polilinea. |
dragstart |
function(event) Argomenti:
Questo evento viene attivato quando l'utente inizia a trascinare la polilinea. |
mousedown |
function(event) Argomenti:
Questo evento viene attivato quando l'evento DOM mousedown viene attivato sulla polilinea. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando l'evento DOM mousemove viene attivato sulla polilinea. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato al passaggio del mouse di Polyline. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato al passaggio del mouse di Polyline. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mouseup sulla polilinea. |
|
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il pulsante destro del mouse sulla Polyline. |
Interfaccia PolylineOptions
Interfaccia google.maps.PolylineOptions
Oggetto PolylineOptions utilizzato per definire le proprietà che possono essere impostate su una Polyline.
Proprietà | |
---|---|
clickable optional |
Tipo:
boolean optional Predefinito:
true Indica se Polyline gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Predefinito:
false Se è impostato su true , l'utente può trascinare questa forma sulla mappa. La proprietà geodesic definisce la modalità di trascinamento. |
editable optional |
Tipo:
boolean optional Predefinito:
false Se è impostato su true , l'utente può modificare questa forma trascinando i punti di controllo indicati nei vertici e su ciascun segmento. |
geodesic optional |
Tipo:
boolean optional Predefinito:
false Quando true , i bordi del poligono vengono interpretati come geodetici e seguiranno la curvatura della Terra. Quando false , i bordi del poligono vengono visualizzati come linee rette nello spazio dello schermo. Tieni presente che la forma di un poligono geodetico può apparire cambiare quando viene trascinata, poiché le dimensioni vengono mantenute rispetto alla superficie della terra. |
icons optional |
Tipo:
Array<IconSequence> optional Le icone da visualizzare lungo la polilinea. |
map optional |
Tipo:
Map optional Mappa sulla quale mostrare Polyline. |
path optional |
Tipo:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional La sequenza ordinata di coordinate della polilinea. Questo percorso può essere specificato utilizzando un semplice array di LatLng o un MVCArray di LatLng . Tieni presente che se passi un array semplice, verrà convertito in un MVCArray Inserisci o rimuovendo i LatLng in MVCArray , la polilinea verrà aggiornata automaticamente sulla mappa. |
strokeColor optional |
Tipo:
string optional Il colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome estesi. |
strokeOpacity optional |
Tipo:
number optional L'opacità del tratto tra 0,0 e 1,0. |
strokeWeight optional |
Tipo:
number optional La larghezza del tratto in pixel. |
visible optional |
Tipo:
boolean optional Predefinito:
true Indica se questa polilinea è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional z-index rispetto ad altri poli. |
Interfaccia IconSequence
Interfaccia google.maps.IconSequence
Descrive la modalità di rendering delle icone su una riga.
Se la polilinea è geodetica, le distanze specificate sia per l'offset sia per la ripetizione vengono calcolate in metri per impostazione predefinita. Se imposti una differenza o un valore di ripetizione, le distanze vengono calcolate in pixel sullo schermo.
Proprietà | |
---|---|
fixedRotation optional |
Tipo:
boolean optional Predefinito:
false Se true , ogni icona nella sequenza ha la stessa rotazione fissa indipendentemente dall'angolo del bordo su cui si trova. Se false , fai in modo che ciascuna icona della sequenza venga ruotata per allinearsi al suo bordo. |
icon optional |
Tipo:
Symbol optional L'icona da visualizzare sulla linea. |
offset optional |
Tipo:
string optional Predefinito:
'100%' La distanza dall'inizio della linea da cui deve essere visualizzata un'icona. Questa distanza può essere espressa come percentuale della lunghezza della linea (ad es. "50%") o in pixel (ad es. "50 px"). |
repeat optional |
Tipo:
string optional Predefinito:
0 La distanza tra le icone consecutive sulla linea. Questa distanza può essere espressa come percentuale della lunghezza della linea (ad es. "50%") o in pixel (ad es. "50 px"). Per disattivare la ripetizione dell'icona, specifica "0". |
lezione poligono
google.maps.Polygon
corso
Un poligono (come una polilinea) definisce una serie di coordinate connesse in una sequenza ordinata. Inoltre, i poligoni formano un anello chiuso e definiscono un'area geografica riempita. Guarda gli esempi nella guida per gli sviluppatori, a partire da un poligonale semplice, da un poligono con un foro e altro ancora. Tieni presente che puoi utilizzare anche il Livello dati per creare un poligono. Il livello dati offre un modo più semplice per creare dei buchi, perché gestisce per te l'ordine dei percorsi interni ed esterni.
Questa lezione si estende a MVCObject
.
Accedi chiamando const {Polygon} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
Polygon |
Polygon([opts]) Parametri:
Crea un poligono utilizzando il carattere PolygonOptions passato, che specifica il percorso del poligono, lo stile del tratto per i relativi bordi e lo stile di riempimento per le regioni interne del poligono. Un poligono può contenere uno o più percorsi, ciascuno dei quali è costituito da una matrice di LatLng . Puoi superare un array di LatLng o un MVCArray di LatLng durante la creazione di questi percorsi. Gli array vengono convertiti in MVCArray s all'interno del poligono al momento dell'istanza. |
Metodi | |
---|---|
getDraggable |
getDraggable() Parametri: nessuna
Valore restituito:
boolean Indica se l'utente può trascinare questa forma. |
getEditable |
getEditable() Parametri: nessuna
Valore restituito:
boolean Indica se questa forma può essere modificata dall'utente. |
getMap |
getMap() Parametri: nessuna
Valore restituito:
Map|null Restituisce la mappa su cui è allegata questa forma. |
getPath |
getPath() Parametri: nessuna
Recupera il primo percorso. |
getPaths |
getPaths() Parametri: nessuna
Recupera i percorsi per questo poligono. |
getVisible |
getVisible() Parametri: nessuna
Valore restituito:
boolean Restituisce se il poly è visibile sulla mappa. |
setDraggable |
setDraggable(draggable) Parametri:
Valore restituito: nessuno
Se è impostato su true , l'utente può trascinare questa forma sulla mappa. La proprietà geodesic definisce la modalità di trascinamento. |
setEditable |
setEditable(editable) Parametri:
Valore restituito: nessuno
Se è impostato su true , l'utente può modificare questa forma trascinando i punti di controllo indicati nei vertici e su ciascun segmento. |
setMap |
setMap(map) Parametri:
Valore restituito: nessuno
Consente di visualizzare questa forma sulla mappa specificata. Se la mappa è impostata su null , la forma verrà rimossa. |
setOptions |
setOptions(options) Parametri:
Valore restituito: nessuno
|
setPath |
setPath(path) Parametri:
Valore restituito: nessuno
Imposta il primo percorso. Per ulteriori dettagli, consulta PolygonOptions . |
setPaths |
setPaths(paths) Parametri:
Valore restituito: nessuno
Imposta il percorso per questo poligono. |
setVisible |
setVisible(visible) Parametri:
Valore restituito: nessuno
Nasconde questo poly se è impostato su false . |
Ereditato:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventi | |
---|---|
click |
function(event) Argomenti:
Questo evento viene attivato quando l'evento di clic DOM viene attivato sul poligono. |
contextmenu |
function(event) Argomenti:
Questo evento viene attivato quando l'evento del menu contestuale DOM viene attivato sul poligono. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento dblclick DOM sul poligono. |
drag |
function(event) Argomenti:
Questo evento viene attivato ripetutamente mentre l'utente trascina il poligono. |
dragend |
function(event) Argomenti:
Questo evento viene attivato quando l'utente smette di trascinare il poligono. |
dragstart |
function(event) Argomenti:
Questo evento viene attivato quando l'utente inizia a trascinare il poligono. |
mousedown |
function(event) Argomenti:
Questo evento viene attivato quando l'evento DOM mousedown viene attivato sul poligono. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando l'evento DOM mousemove viene attivato sul poligono. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato al passaggio del puntatore del mouse su poligono. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato al mouseover del poligono. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando l'evento DOM mouseup viene attivato sul poligono. |
|
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il pulsante destro del mouse sul poligono. |
Interfaccia poliOptions
Interfaccia google.maps.PolygonOptions
Oggetto poligonoOptions utilizzato per definire le proprietà che possono essere impostate su un poligono.
Proprietà | |
---|---|
clickable optional |
Tipo:
boolean optional Predefinito:
true Indica se Polygon gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Predefinito:
false Se è impostato su true , l'utente può trascinare questa forma sulla mappa. La proprietà geodesic definisce la modalità di trascinamento. |
editable optional |
Tipo:
boolean optional Predefinito:
false Se è impostato su true , l'utente può modificare questa forma trascinando i punti di controllo indicati nei vertici e su ciascun segmento. |
fillColor optional |
Tipo:
string optional Il colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome estesi. |
fillOpacity optional |
Tipo:
number optional Opacità del riempimento compresa tra 0,0 e 1,0 |
geodesic optional |
Tipo:
boolean optional Predefinito:
false Quando true , i bordi del poligono vengono interpretati come geodetici e seguiranno la curvatura della Terra. Quando false , i bordi del poligono vengono visualizzati come linee rette nello spazio dello schermo. Tieni presente che la forma di un poligono geodetico può apparire cambiare quando viene trascinata, poiché le dimensioni vengono mantenute rispetto alla superficie della terra. |
map optional |
Tipo:
Map optional Mappa su cui visualizzare il poligono. |
paths optional |
Tipo:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional La sequenza ordinata di coordinate che indica un anello chiuso. A differenza delle polilinee, un poligono può essere costituito da uno o più percorsi. Di conseguenza, la proprietà Percorsi può specificare uno o più array di coordinate LatLng . I percorsi vengono chiusi automaticamente; non ripetere il primo vertice del percorso come ultimo vertice. I poligoni semplici possono essere definiti utilizzando un singolo array di LatLng . I poligoni più complessi possono specificare un array di array. Gli array semplici vengono convertiti in MVCArray . Inserendo o rimuovendo LatLng dalla MVCArray , il poligono sulla mappa viene aggiornato automaticamente. |
strokeColor optional |
Tipo:
string optional Il colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome estesi. |
strokeOpacity optional |
Tipo:
number optional L'opacità del tratto tra 0,0 e 1,0 |
strokePosition optional |
Tipo:
StrokePosition optional Predefinito:
StrokePosition.CENTER La posizione del tratto. |
strokeWeight optional |
Tipo:
number optional La larghezza del tratto in pixel. |
visible optional |
Tipo:
boolean optional Predefinito:
true Indica se questo poligono è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional z-index rispetto ad altri poli. |
Interfaccia PolyMouseEvent
Interfaccia google.maps.PolyMouseEvent
Questo oggetto viene restituito da eventi di mouse su polilinee e poligoni.
Questa interfaccia estende
MapMouseEvent
.
Proprietà | |
---|---|
edge optional |
Tipo:
number optional L'indice del bordo all'interno del percorso sotto il cursore quando si è verificato l'evento, se si è verificato su un punto centrale su un poligono modificabile. |
path optional |
Tipo:
number optional L'indice del percorso sotto il cursore quando si è verificato l'evento, se si è verificato su un vertice e il poligono è modificabile. In caso contrario, undefined . |
vertex optional |
Tipo:
number optional L'indice del vertice sotto il cursore quando si è verificato l'evento, se si è verificato su un vertice e la polilinea o il poligono sono modificabili. Se l'evento non si verifica su un vertice, il valore è undefined . |
Ereditato:
domEvent ,
latLng
|
Metodi | |
---|---|
Ereditato:
stop
|
Classe Rettangolo
google.maps.Rectangle
corso
Un overlay rettangolare.
Questa lezione si estende a MVCObject
.
Accedi chiamando const {Rectangle} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
Rectangle |
Rectangle([opts]) Parametri:
Crea un rettangolo usando i valori RectangleOptions passati, che specificano i limiti e lo stile. |
Metodi | |
---|---|
getBounds |
getBounds() Parametri: nessuna
Valore restituito:
LatLngBounds|null Restituisce i limiti di questo rettangolo. |
getDraggable |
getDraggable() Parametri: nessuna
Valore restituito:
boolean Indica se l'utente può trascinare questo rettangolo. |
getEditable |
getEditable() Parametri: nessuna
Valore restituito:
boolean Indica se il rettangolo può essere modificato dall'utente. |
getMap |
getMap() Parametri: nessuna
Valore restituito:
Map|null Restituisce la mappa su cui viene visualizzato questo rettangolo. |
getVisible |
getVisible() Parametri: nessuna
Valore restituito:
boolean Indica se questo rettangolo è visibile sulla mappa. |
setBounds |
setBounds(bounds) Parametri:
Valore restituito: nessuno
Imposta i limiti di questo rettangolo. |
setDraggable |
setDraggable(draggable) Parametri:
Valore restituito: nessuno
Se è impostato su true , l'utente può trascinare questo rettangolo sulla mappa. |
setEditable |
setEditable(editable) Parametri:
Valore restituito: nessuno
Se il criterio è impostato su true , l'utente può modificare questo rettangolo trascinando i punti di controllo visualizzati sugli angoli e su ogni bordo. |
setMap |
setMap(map) Parametri:
Valore restituito: nessuno
Consente di visualizzare il rettangolo sulla mappa specificata. Se la mappa è impostata su null , il rettangolo verrà rimosso. |
setOptions |
setOptions(options) Parametri:
Valore restituito: nessuno
|
setVisible |
setVisible(visible) Parametri:
Valore restituito: nessuno
Nasconde il rettangolo se impostato su false . |
Ereditato:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventi | |
---|---|
bounds_changed |
function() Argomenti: nessuna
Questo evento viene attivato quando i limiti del rettangolo vengono modificati. |
click |
function(event) Argomenti:
Questo evento viene attivato quando l'evento di clic DOM viene attivato sul rettangolo. |
contextmenu |
function(event) Argomenti:
Questo evento viene attivato quando l'evento del menu contestuale DOM viene attivato sul rettangolo. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento dblclick DOM sul rettangolo. |
drag |
function(event) Argomenti:
Questo evento viene attivato ripetutamente mentre l'utente trascina il rettangolo. |
dragend |
function(event) Argomenti:
Questo evento viene attivato quando l'utente smette di trascinare il rettangolo. |
dragstart |
function(event) Argomenti:
Questo evento viene attivato quando l'utente inizia a trascinare il rettangolo. |
mousedown |
function(event) Argomenti:
Questo evento viene attivato quando l'evento DOM mousedown viene attivato sul rettangolo. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando l'evento DOM mousemove viene attivato sul rettangolo. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato al passaggio del mouse in rettangolo. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato al passaggio del mouse in rettangolo. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando l'evento del mouseup del DOM viene attivato sul rettangolo. |
|
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il pulsante destro del mouse sul rettangolo. |
Interfaccia RettangoloOptions
Interfaccia google.maps.RectangleOptions
Oggetto RettangoloOptions utilizzato per definire le proprietà che possono essere impostate in un rettangolo.
Proprietà | |
---|---|
bounds optional |
Tipo:
LatLngBounds|LatLngBoundsLiteral optional I confini. |
clickable optional |
Tipo:
boolean optional Predefinito:
true Indica se Rectangle gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Predefinito:
false Se è impostato su true , l'utente può trascinare questo rettangolo sulla mappa. |
editable optional |
Tipo:
boolean optional Predefinito:
false Se il criterio è impostato su true , l'utente può modificare questo rettangolo trascinando i punti di controllo visualizzati sugli angoli e su ogni bordo. |
fillColor optional |
Tipo:
string optional Il colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome estesi. |
fillOpacity optional |
Tipo:
number optional Opacità del riempimento compresa tra 0,0 e 1,0 |
map optional |
Tipo:
Map optional Mappa su cui visualizzare il rettangolo. |
strokeColor optional |
Tipo:
string optional Il colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome estesi. |
strokeOpacity optional |
Tipo:
number optional L'opacità del tratto tra 0,0 e 1,0 |
strokePosition optional |
Tipo:
StrokePosition optional Predefinito:
StrokePosition.CENTER La posizione del tratto. |
strokeWeight optional |
Tipo:
number optional La larghezza del tratto in pixel. |
visible optional |
Tipo:
boolean optional Predefinito:
true Indica se questo rettangolo è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional z-index rispetto ad altri poli. |
Classe Circle
google.maps.Circle
corso
Un cerchio sulla superficie terrestre; noto anche come "berretto sferico".
Questa lezione si estende a MVCObject
.
Accedi chiamando const {Circle} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costruttore | |
---|---|
Circle |
Circle([circleOrCircleOptions]) Parametri:
Crea un cerchio utilizzando l'elemento CircleOptions passato, che specifica il centro, il raggio e lo stile. |
Metodi | |
---|---|
getBounds |
getBounds() Parametri: nessuna
Valore restituito:
LatLngBounds|null Visualizza il valore LatLngBounds di questo cerchio. |
getCenter |
getCenter() Parametri: nessuna
Valore restituito:
LatLng|null Restituisce il centro di questo cerchio. |
getDraggable |
getDraggable() Parametri: nessuna
Valore restituito:
boolean Indica se l'utente può trascinare questo cerchio. |
getEditable |
getEditable() Parametri: nessuna
Valore restituito:
boolean Indica se l'utente può modificare questo cerchio. |
getMap |
getMap() Parametri: nessuna
Valore restituito:
Map|null Restituisce la mappa su cui viene visualizzato questo cerchio. |
getRadius |
getRadius() Parametri: nessuna
Valore restituito:
number Restituisce il raggio di questo cerchio (in metri). |
getVisible |
getVisible() Parametri: nessuna
Valore restituito:
boolean Indica se questo cerchio è visibile sulla mappa. |
setCenter |
setCenter(center) Parametri:
Valore restituito: nessuno
Imposta il centro di questo cerchio. |
setDraggable |
setDraggable(draggable) Parametri:
Valore restituito: nessuno
Se è impostato su true , l'utente può trascinare questo cerchio sulla mappa. |
setEditable |
setEditable(editable) Parametri:
Valore restituito: nessuno
Se è impostato su true , l'utente può modificare questo cerchio trascinando i punti di controllo al centro e intorno alla sua circonferenza. |
setMap |
setMap(map) Parametri:
Valore restituito: nessuno
Consente di visualizzare il cerchio sulla mappa specificata. Se la mappa è impostata su null , il cerchio verrà rimosso. |
setOptions |
setOptions(options) Parametri:
Valore restituito: nessuno
|
setRadius |
setRadius(radius) Parametri:
Valore restituito: nessuno
Imposta il raggio di questo cerchio (in metri). |
setVisible |
setVisible(visible) Parametri:
Valore restituito: nessuno
Nasconde questo cerchio se impostato su false . |
Ereditato:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventi | |
---|---|
center_changed |
function() Argomenti: nessuna
Questo evento viene attivato quando viene modificato il centro del cerchio. |
click |
function(event) Argomenti:
Questo evento viene attivato quando l'evento di clic DOM viene attivato sul cerchio. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando l'evento dblclick del DOM viene attivato sul cerchio. |
drag |
function(event) Argomenti:
Questo evento viene attivato ripetutamente mentre l'utente trascina il cerchio. |
dragend |
function(event) Argomenti:
Questo evento viene attivato quando l'utente smette di trascinare il cerchio. |
dragstart |
function(event) Argomenti:
Questo evento viene attivato quando l'utente inizia a trascinare il cerchio. |
mousedown |
function(event) Argomenti:
Questo evento viene attivato quando l'evento DOM mousedown viene attivato sul cerchio. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando l'evento DOM mousemove viene attivato sul cerchio. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato al passaggio del puntatore del mouse nel cerchio. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato al passaggio del mouse dell'utente nel cerchio. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando l'evento del mouseup del DOM viene attivato sul cerchio. |
radius_changed |
function() Argomenti: nessuna
Questo evento viene attivato quando il raggio del cerchio viene modificato. |
rightclick |
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il pulsante destro del mouse sul cerchio. |
Interfaccia CircleOptions
Interfaccia google.maps.CircleOptions
Oggetto CircleOptions utilizzato per definire le proprietà che possono essere impostate in un cerchio.
Proprietà | |
---|---|
center optional |
Tipo:
LatLng|LatLngLiteral optional Il centro del cerchio. |
clickable optional |
Tipo:
boolean optional Predefinito:
true Indica se Circle gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Predefinito:
false Se è impostato su true , l'utente può trascinare questo cerchio sulla mappa. |
editable optional |
Tipo:
boolean optional Predefinito:
false Se è impostato su true , l'utente può modificare questo cerchio trascinando i punti di controllo al centro e intorno alla sua circonferenza. |
fillColor optional |
Tipo:
string optional Il colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome estesi. |
fillOpacity optional |
Tipo:
number optional Opacità del riempimento compresa tra 0,0 e 1,0. |
map optional |
Tipo:
Map optional Mappa su cui mostrare il cerchio. |
radius optional |
Tipo:
number optional Il raggio in metri sulla superficie terrestre. |
strokeColor optional |
Tipo:
string optional Il colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome estesi. |
strokeOpacity optional |
Tipo:
number optional L'opacità del tratto tra 0,0 e 1,0. |
strokePosition optional |
Tipo:
StrokePosition optional Predefinito:
StrokePosition.CENTER La posizione del tratto. |
strokeWeight optional |
Tipo:
number optional La larghezza del tratto in pixel. |
visible optional |
Tipo:
boolean optional Predefinito:
true Indica se questo cerchio è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional z-index rispetto ad altri poli. |
costante di StrokePosition
google.maps.StrokePosition
costanti
Le possibili posizioni del tratto su un poligono.
Accedi chiamando const {StrokePosition} = await google.maps.importLibrary("maps")
. Consulta la sezione Librerie nell'API Maps JavaScript.
Costanti | |
---|---|
CENTER |
Il tratto è centrato sul percorso del poligono, con metà del tratto all'interno del poligono e metà del tratto all'esterno del poligono. |
INSIDE |
Il tratto si trova all'interno del poligono. |
OUTSIDE |
Il tratto si trova all'esterno del poligono. |