Classe Polyline
google.maps.Polyline
classe
Una polilinea è un overlay lineare di segmenti di linee connessi sulla mappa.
Questa classe estende
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 l'elemento PolylineOptions passato, che specifica sia il percorso della polilinea sia lo stile del tratto da utilizzare per il disegno della polilinea. Quando crei una polilinea, puoi passare un array di LatLng o un MVCArray di LatLng , anche se semplici array vengono convertiti in MVCArray all'interno della polilinea al momento della creazione di una polilinea. |
Metodi | |
---|---|
getDraggable |
getDraggable() Parametri: nessuno
Valore restituito:
boolean Indica se questa forma può essere trascinata dall'utente. |
getEditable |
getEditable() Parametri: nessuno
Valore restituito:
boolean Indica se questa forma può essere modificata dall'utente. |
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map|null Restituisce la mappa a cui è allegata questa forma. |
getPath |
getPath() Parametri: nessuno
Recupera il percorso. |
getVisible |
getVisible() Parametri: nessuno
Valore restituito:
boolean Indica se questo poli è visibile sulla mappa. |
setDraggable |
setDraggable(draggable) Parametri:
Valore restituito: nessuno
Se è impostata 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 mostrati sui vertici e su ogni segmento. |
setMap |
setMap(map) Parametri:
Valore restituito: nessuno
Visualizza 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 informazioni dettagliate, visita la pagina PolylineOptions . |
setVisible |
setVisible(visible) Parametri:
Valore restituito: nessuno
Nasconde questo poli se impostato su false . |
Ereditate:
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 sulla polilinea. |
contextmenu |
function(event) Argomenti:
Questo evento viene attivato quando l'evento del menu di contesto DOM viene attivato su Poyline. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando l'evento dblclick DOM viene attivato 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 del mousedown DOM 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 mouseout di Polilinea. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato al mouseover di Polilinea. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando l'evento mouseup DOM viene attivato sulla polilinea. |
|
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il tasto destro del mouse sulla Polilinea. |
Interfaccia PolylineOptions
Interfaccia google.maps.PolylineOptions
Oggetto PolylineOptions utilizzato per definire le proprietà che possono essere impostate su una polilinea.
Proprietà | |
---|---|
clickable optional |
Tipo:
boolean optional Predefinita:
true Indica se questo Polyline gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Predefinita:
false Se è impostata su true , l'utente può trascinare questa forma sulla mappa. La proprietà geodesic definisce la modalità di trascinamento. |
editable optional |
Tipo:
boolean optional Predefinita:
false Se impostato su true , l'utente può modificare questa forma trascinando i punti di controllo mostrati sui vertici e su ogni segmento. |
geodesic optional |
Tipo:
boolean optional Predefinita:
false Se 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ò sembrare di cambiamento quando viene trascinato, 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 visualizzare Polilinea. |
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, questo verrà convertito in MVCArray . L'inserimento o la rimozione di LatLng in MVCArray comporta l'aggiornamento automatico della polilinea sulla mappa. |
strokeColor optional |
Tipo:
string optional Il colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
strokeOpacity optional |
Tipo:
number optional L'opacità del tratto è compresa tra 0,0 e 1,0. |
strokeWeight optional |
Tipo:
number optional Lo spessore del tratto in pixel. |
visible optional |
Tipo:
boolean optional Predefinita:
true Indica se la polilinea è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional Il valore zIndex rispetto ad altri poli. |
Interfaccia IconSequence
Interfaccia google.maps.IconSequence
Descrive come devono essere visualizzate le icone su una linea.
Se la polilinea è geodetica, le distanze specificate sia per l'offset che per la ripetizione sono calcolate in metri per impostazione predefinita. Se imposti un valore in pixel per l'offset o la ripetizione, le distanze verranno calcolate in pixel sullo schermo.
Proprietà | |
---|---|
fixedRotation optional |
Tipo:
boolean optional Predefinita:
false Se true , ogni icona nella sequenza ha la stessa rotazione fissa a prescindere dall'angolo del bordo su cui si trova. Se false , ogni icona della sequenza viene ruotata per allinearsi al bordo. |
icon optional |
Tipo:
Symbol optional L'icona da visualizzare sulla linea. |
offset optional |
Tipo:
string optional Predefinita:
'100%' La distanza dall'inizio della linea in 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 Predefinita:
0 La distanza tra 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". |
Classe Polygon
google.maps.Polygon
classe
Un poligono (come una polilinea) definisce una serie di coordinate collegate in una sequenza ordinata. Inoltre, i poligoni formano un anello chiuso e definiscono un'area piena. Consulta gli esempi nella guida per gli sviluppatori, iniziando con un poligono semplice, 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 i fori, perché gestisce l'ordine dei percorsi interno ed esterno al posto tuo.
Questa classe estende
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 l'oggetto PolygonOptions passato, che specifica il percorso del poligono, lo stile del tratto per i bordi e lo stile di riempimento per le aree interne del poligono. Un poligono può contenere uno o più percorsi, ciascuno dei quali è costituito da un array di LatLng . Quando crei questi percorsi, puoi passare un array di LatLng o un MVCArray di LatLng . Gli array vengono convertiti in MVCArray all'interno del poligono al momento della creazione dell'istanza. |
Metodi | |
---|---|
getDraggable |
getDraggable() Parametri: nessuno
Valore restituito:
boolean Indica se questa forma può essere trascinata dall'utente. |
getEditable |
getEditable() Parametri: nessuno
Valore restituito:
boolean Indica se questa forma può essere modificata dall'utente. |
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map|null Restituisce la mappa a cui è allegata questa forma. |
getPath |
getPath() Parametri: nessuno
Recupera il primo percorso. |
getPaths |
getPaths() Parametri: nessuno
Recupera i percorsi di questo poligono. |
getVisible |
getVisible() Parametri: nessuno
Valore restituito:
boolean Indica se questo poli è visibile sulla mappa. |
setDraggable |
setDraggable(draggable) Parametri:
Valore restituito: nessuno
Se è impostata 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 mostrati sui vertici e su ogni segmento. |
setMap |
setMap(map) Parametri:
Valore restituito: nessuno
Visualizza 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 informazioni dettagliate, visita la pagina PolygonOptions . |
setPaths |
setPaths(paths) Parametri:
Valore restituito: nessuno
Imposta il percorso per questo poligono. |
setVisible |
setVisible(visible) Parametri:
Valore restituito: nessuno
Nasconde questo poli se impostato su false . |
Ereditate:
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 di contesto DOM viene attivato sul poligono. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando l'evento dblclick DOM viene attivato 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 del mousedown DOM 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 mouseout di Polygon. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato al mouseover di Polygon. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando l'evento mouseup DOM viene attivato sul poligono. |
|
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il tasto destro del mouse sul poligono. |
Interfaccia PolygonOptions
Interfaccia google.maps.PolygonOptions
Oggetto PolygonOptions utilizzato per definire le proprietà che possono essere impostate su un poligono.
Proprietà | |
---|---|
clickable optional |
Tipo:
boolean optional Predefinita:
true Indica se questo Polygon gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Predefinita:
false Se è impostata su true , l'utente può trascinare questa forma sulla mappa. La proprietà geodesic definisce la modalità di trascinamento. |
editable optional |
Tipo:
boolean optional Predefinita:
false Se impostato su true , l'utente può modificare questa forma trascinando i punti di controllo mostrati sui vertici e su ogni segmento. |
fillColor optional |
Tipo:
string optional Il colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
fillOpacity optional |
Tipo:
number optional L'opacità di riempimento tra 0,0 e 1,0 |
geodesic optional |
Tipo:
boolean optional Predefinita:
false Se 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ò sembrare di cambiamento quando viene trascinato, poiché le dimensioni vengono mantenute rispetto alla superficie della Terra. |
map optional |
Tipo:
Map optional Mappa sulla quale 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ò consistere di uno o più percorsi. Di conseguenza, la proprietà path potrebbe specificare uno o più array di coordinate di LatLng . I percorsi vengono chiusi automaticamente; non ripetere il primo vertice come ultimo vertice. È possibile definire poligoni semplici utilizzando un singolo array di LatLng . I poligoni più complessi possono specificare un array di matrici. Tutti gli array semplici vengono convertiti in MVCArray . Se inserisci o rimuovi LatLng da MVCArray , il poligono viene aggiornato automaticamente sulla mappa. |
strokeColor optional |
Tipo:
string optional Il colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
strokeOpacity optional |
Tipo:
number optional Opacità del tratto tra 0,0 e 1,0 |
strokePosition optional |
Tipo:
StrokePosition optional Predefinita:
StrokePosition.CENTER La posizione del tratto. |
strokeWeight optional |
Tipo:
number optional Lo spessore del tratto in pixel. |
visible optional |
Tipo:
boolean optional Predefinita:
true Indica se il poligono è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional Il valore zIndex rispetto ad altri poli. |
Interfaccia PolyMouseEvent
Interfaccia google.maps.PolyMouseEvent
Questo oggetto viene restituito dagli eventi del 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 l'evento si è verificato in un punto medio di un poligono modificabile. |
path optional |
Tipo:
number optional L'indice del percorso sotto il cursore quando si è verificato l'evento, se l'evento 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 questo si è verificato su un vertice e la polilinea o il poligono è modificabile. Se l'evento non si verifica su un vertice, il valore è undefined . |
Ereditate:
domEvent ,
latLng
|
Metodi | |
---|---|
Ereditate:
stop
|
Classe Rettangolo
google.maps.Rectangle
classe
Un overlay rettangolo.
Questa classe estende
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 utilizzando l'oggetto RectangleOptions passato, che specifica i limiti e lo stile. |
Metodi | |
---|---|
getBounds |
getBounds() Parametri: nessuno
Valore restituito:
LatLngBounds|null Restituisce i limiti del rettangolo. |
getDraggable |
getDraggable() Parametri: nessuno
Valore restituito:
boolean Indica se il rettangolo può essere trascinato dall'utente. |
getEditable |
getEditable() Parametri: nessuno
Valore restituito:
boolean Indica se il rettangolo può essere modificato dall'utente. |
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map|null Restituisce la mappa su cui viene visualizzato il rettangolo. |
getVisible |
getVisible() Parametri: nessuno
Valore restituito:
boolean Indica se questo rettangolo è visibile sulla mappa. |
setBounds |
setBounds(bounds) Parametri:
Valore restituito: nessuno
Imposta i limiti del 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 impostato su true , l'utente può modificare questo rettangolo trascinando i punti di controllo mostrati agli angoli e su ogni bordo. |
setMap |
setMap(map) Parametri:
Valore restituito: nessuno
Visualizza 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 . |
Ereditate:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventi | |
---|---|
bounds_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando i limiti del rettangolo vengono modificati. |
click |
function(event) Argomenti:
Questo evento viene attivato quando nel rettangolo viene attivato l'evento di clic DOM. |
contextmenu |
function(event) Argomenti:
Questo evento viene attivato quando l'evento del menu di contesto DOM viene attivato nel rettangolo. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando l'evento dblclick DOM viene attivato nel 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 nel rettangolo viene attivato l'evento del mousedown DOM. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando nel rettangolo viene attivato l'evento mousemove DOM. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato al mouseout del rettangolo. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato al mouseover del rettangolo. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando nel rettangolo viene attivato l'evento mouseup DOM. |
|
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il tasto destro del mouse sul rettangolo. |
Interfaccia RectangleOptions
Interfaccia google.maps.RectangleOptions
Oggetto RettangoloOptions utilizzato per definire le proprietà che possono essere impostate su un rettangolo.
Proprietà | |
---|---|
bounds optional |
Tipo:
LatLngBounds|LatLngBoundsLiteral optional I limiti. |
clickable optional |
Tipo:
boolean optional Predefinita:
true Indica se questo Rectangle gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Predefinita:
false Se è impostato su true , l'utente può trascinare questo rettangolo sulla mappa. |
editable optional |
Tipo:
boolean optional Predefinita:
false Se impostato su true , l'utente può modificare questo rettangolo trascinando i punti di controllo mostrati agli 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 esteso. |
fillOpacity optional |
Tipo:
number optional L'opacità di riempimento tra 0,0 e 1,0 |
map optional |
Tipo:
Map optional Mappa sulla quale visualizzare il rettangolo. |
strokeColor optional |
Tipo:
string optional Il colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
strokeOpacity optional |
Tipo:
number optional Opacità del tratto tra 0,0 e 1,0 |
strokePosition optional |
Tipo:
StrokePosition optional Predefinita:
StrokePosition.CENTER La posizione del tratto. |
strokeWeight optional |
Tipo:
number optional Lo spessore del tratto in pixel. |
visible optional |
Tipo:
boolean optional Predefinita:
true Indica se questo rettangolo è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional Il valore zIndex rispetto ad altri poli. |
lezione Circle
google.maps.Circle
classe
Un cerchio sulla superficie terrestre, noto anche come "cappello sferico".
Questa classe estende
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'oggetto CircleOptions passato, che specifica il centro, il raggio e lo stile. |
Metodi | |
---|---|
getBounds |
getBounds() Parametri: nessuno
Valore restituito:
LatLngBounds|null Recupera il LatLngBounds di questa cerchia. |
getCenter |
getCenter() Parametri: nessuno
Valore restituito:
LatLng|null Restituisce il centro di questo cerchio. |
getDraggable |
getDraggable() Parametri: nessuno
Valore restituito:
boolean Indica se questo cerchio può essere trascinato dall'utente. |
getEditable |
getEditable() Parametri: nessuno
Valore restituito:
boolean Indica se questa cerchia può essere modificata dall'utente. |
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map|null Restituisce la mappa su cui è visualizzato il cerchio. |
getRadius |
getRadius() Parametri: nessuno
Valore restituito:
number Restituisce il raggio di questo cerchio (in metri). |
getVisible |
getVisible() Parametri: nessuno
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 il cerchio sulla mappa. |
setEditable |
setEditable(editable) Parametri:
Valore restituito: nessuno
Se viene impostato su true , l'utente può modificare questo cerchio trascinando i punti di controllo mostrati al centro e intorno alla sua circonferenza. |
setMap |
setMap(map) Parametri:
Valore restituito: nessuno
Visualizza 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 questa cerchia se impostata su false . |
Ereditate:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventi | |
---|---|
center_changed |
function() Argomenti: nessuno
Questo evento viene attivato quando il centro del cerchio viene modificato. |
click |
function(event) Argomenti:
Questo evento viene attivato quando nel cerchio viene attivato l'evento di clic DOM. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando l'evento dblclick DOM viene attivato nel 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 nel cerchio viene attivato l'evento del mousedown DOM. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando nel cerchio viene attivato l'evento DOM mousemove. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato al mouseout del cerchio. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato al mouseover del cerchio. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando nel cerchio viene attivato l'evento del mouseup DOM. |
radius_changed |
function() Argomenti: nessuno
L'evento viene attivato quando il raggio del cerchio viene modificato. |
rightclick |
function(event) Argomenti:
L'evento viene attivato quando si fa clic con il tasto destro del mouse sul cerchio. |
Interfaccia CircleOptions
Interfaccia google.maps.CircleOptions
Oggetto CircleOptions utilizzato per definire le proprietà che possono essere impostate per una Circle.
Proprietà | |
---|---|
center optional |
Tipo:
LatLng|LatLngLiteral optional Il centro del cerchio. |
clickable optional |
Tipo:
boolean optional Predefinita:
true Indica se questo Circle gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Predefinita:
false Se impostato su true , l'utente può trascinare il cerchio sulla mappa. |
editable optional |
Tipo:
boolean optional Predefinita:
false Se viene impostato su true , l'utente può modificare questo cerchio trascinando i punti di controllo mostrati 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 esteso. |
fillOpacity optional |
Tipo:
number optional L'opacità di riempimento tra 0,0 e 1,0. |
map optional |
Tipo:
Map optional Mappa sulla quale visualizzare 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 esteso. |
strokeOpacity optional |
Tipo:
number optional L'opacità del tratto è compresa tra 0,0 e 1,0. |
strokePosition optional |
Tipo:
StrokePosition optional Predefinita:
StrokePosition.CENTER La posizione del tratto. |
strokeWeight optional |
Tipo:
number optional Lo spessore del tratto in pixel. |
visible optional |
Tipo:
boolean optional Predefinita:
true Se questo cerchio è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional Il valore zIndex rispetto ad altri poli. |
Costanti 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 e metà del tratto al di fuori. |
INSIDE |
Il tratto si trova all'interno del poligono. |
OUTSIDE |
Il tratto si trova al di fuori del poligono. |