Classe Polyline
google.maps.Polyline
corso
Una polilinea è un overlay lineare di segmenti di linea collegati 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 PolylineOptions passato, che specifica sia il percorso della polilinea sia lo stile di tratto da utilizzare per disegnarla. Quando crei un polilinea, puoi passare un array di LatLng o un MVCArray di LatLng , anche se gli array semplici vengono convertiti in MVCArray all'interno del polilinea al momento dell'inizializzazione. |
Metodi | |
---|---|
getDraggable |
getDraggable() Parametri: nessuno
Valore restituito:
boolean Restituisce se questa forma può essere trascinata dall'utente. |
getEditable |
getEditable() Parametri: nessuno
Valore restituito:
boolean Restituisce se questa forma può essere modificata dall'utente. |
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map|null Restituisce la mappa a cui è associata questa forma. |
getPath |
getPath() Parametri: nessuno
Recupera il percorso. |
getVisible |
getVisible() Parametri: nessuno
Valore restituito:
boolean Restituisce se questo poligono è 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 mostrati ai vertici e su ogni 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 poligono 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 sul polilinea. |
contextmenu |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento contextmenu del DOM su Poyline. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM dblclick sul polilinea. |
drag |
function(event) Argomenti:
Questo evento viene attivato ripetutamente mentre l'utente trascina il polilinea. |
dragend |
function(event) Argomenti:
Questo evento viene attivato quando l'utente interrompe il trascinamento del polilinea. |
dragstart |
function(event) Argomenti:
Questo evento viene attivato quando l'utente inizia a trascinare il polilinea. |
mousedown |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento mousedown DOM sul polilinea. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mousemove sul tratto. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato al termine del movimento del mouse sopra il grafico a linee. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato quando il mouse passa sopra il grafico a linee. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mouseup sul polilinea. |
|
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il tasto destro del mouse sul polilinea. |
Interfaccia PolylineOptions
google.maps.PolylineOptions
interfaccia
Oggetto PolylineOptions utilizzato per definire le proprietà che possono essere impostate su un tratto polilinea.
Proprietà | |
---|---|
clickable optional |
Tipo:
boolean optional Valore predefinito:
true Indica se questo Polyline gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Valore 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 Valore predefinito:
false Se impostato su true , l'utente può modificare questa forma trascinando i punti di controllo mostrati ai vertici e su ogni segmento. |
geodesic optional |
Tipo:
boolean optional Valore predefinito:
false Quando true , i bordi del poligono vengono interpretati come geodetici e seguiranno la curvatura della Terra. Se false , i bordi del poligono vengono visualizzati come linee rette nello spazio dello schermo. Tieni presente che la forma di un poligono geodetico può sembrare diversa quando viene trascinata, poiché le dimensioni vengono mantenute in base alla superficie terrestre. |
icons optional |
Tipo:
Array<IconSequence> optional Le icone da visualizzare lungo la polilinea. |
map optional |
Tipo:
Map optional Mappa su cui visualizzare la polilinea. |
path optional |
Tipo:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional La sequenza ordinata delle 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 un MVCArray . L'inserimento o la rimozione di LatLng nell'MVCArray aggiorna automaticamente il polilinea 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 compresa tra 0,0 e 1,0. |
strokeWeight optional |
Tipo:
number optional La larghezza del tratto in pixel. |
visible optional |
Tipo:
boolean optional Valore predefinito:
true Indica se questa polilinea è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional L'indice z rispetto ad altri poli. |
Interfaccia IconSequence
google.maps.IconSequence
interfaccia
Descrive come devono essere visualizzate le icone su una riga.
Se il polilinea è geodetico, le distanze specificate sia per l'offset che per la ripetizione vengono calcolate in metri per impostazione predefinita. Se imposti offset o repeat su un valore in pixel, le distanze verranno calcolate in pixel sullo schermo.
Proprietà | |
---|---|
fixedRotation optional |
Tipo:
boolean optional Valore predefinito:
false Se true , ogni icona nella sequenza ha la stessa rotazione fissa indipendentemente dall'angolo del bordo su cui si trova. Se false , ogni icona della sequenza viene ruotata in modo da allinearsi al suo bordo. |
icon optional |
Tipo:
Symbol optional L'icona da visualizzare sulla linea. |
offset optional |
Tipo:
string optional Valore predefinito:
'100%' La distanza dall'inizio della riga in cui deve essere visualizzata un'icona. Questa distanza può essere espressa come percentuale della lunghezza della riga (ad es. "50%") o in pixel (ad es. "50px"). |
repeat optional |
Tipo:
string optional Valore 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. "50px"). Per disattivare la ripetizione dell'icona, specifica "0". |
Classe Polygon
google.maps.Polygon
corso
Un poligono (come una polilinea) definisce una serie di coordinate collegate in una sequenza ordinata. Inoltre, i poligoni formano un anello chiuso e definiscono una regione riempita. Consulta gli esempi nella guida per gli sviluppatori, a partire da un poligono semplice, un poligono con un foro e altro ancora. Tieni presente che puoi anche utilizzare il livello di dati per creare un poligono. Il livello di dati offre un modo più semplice per creare buchi perché gestisce l'ordine dei percorsi interni ed esterni.
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 PolygonOptions passato, che specifica il percorso del poligono, lo stile di tratto per i bordi del poligono e lo stile di riempimento per le regioni interne del poligono. Un poligono può contenere uno o più percorsi, ciascuno 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 dell'inizializzazione. |
Metodi | |
---|---|
getDraggable |
getDraggable() Parametri: nessuno
Valore restituito:
boolean Restituisce se questa forma può essere trascinata dall'utente. |
getEditable |
getEditable() Parametri: nessuno
Valore restituito:
boolean Restituisce se questa forma può essere modificata dall'utente. |
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map|null Restituisce la mappa a cui è associata questa forma. |
getPath |
getPath() Parametri: nessuno
Recupera il primo percorso. |
getPaths |
getPaths() Parametri: nessuno
Recupera i percorsi per questo poligono. |
getVisible |
getVisible() Parametri: nessuno
Valore restituito:
boolean Restituisce se questo poligono è 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 mostrati ai vertici e su ogni 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 poligono 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 nel poligono. |
contextmenu |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento contextmenu del DOM su Polygon. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM dblclick 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 viene attivato l'evento DOM mousedown sul poligono. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mousemove sul poligono. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato al termine del passaggio del mouse sopra il poligono. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato quando il mouse passa sopra il poligono. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mouseup sul poligono. |
|
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il tasto destro del mouse sul poligono. |
Interfaccia PolygonOptions
google.maps.PolygonOptions
interfaccia
Oggetto PolygonOptions utilizzato per definire le proprietà che possono essere impostate su un poligono.
Proprietà | |
---|---|
clickable optional |
Tipo:
boolean optional Valore predefinito:
true Indica se questo Polygon gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Valore 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 Valore predefinito:
false Se impostato su true , l'utente può modificare questa forma trascinando i punti di controllo mostrati ai 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 estesi. |
fillOpacity optional |
Tipo:
number optional L'opacità del riempimento deve essere compresa tra 0,0 e 1,0 |
geodesic optional |
Tipo:
boolean optional Valore predefinito:
false Quando true , i bordi del poligono vengono interpretati come geodetici e seguiranno la curvatura della Terra. Se false , i bordi del poligono vengono visualizzati come linee rette nello spazio dello schermo. Tieni presente che la forma di un poligono geodetico può sembrare diversa quando viene trascinata, poiché le dimensioni vengono mantenute in base alla superficie terrestre. |
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 circuito chiuso. A differenza delle polilinee, un poligono può essere costituito da uno o più percorsi. Di conseguenza, la proprietà paths 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 eventuali array semplici vengono convertiti in MVCArray . L'inserimento o la rimozione di LatLng dal MVCArray aggiorna automaticamente il poligono 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 deve essere compresa tra 0,0 e 1,0 |
strokePosition optional |
Tipo:
StrokePosition optional Valore predefinito:
StrokePosition.CENTER La posizione del tratto. |
strokeWeight optional |
Tipo:
number optional La larghezza del tratto in pixel. |
visible optional |
Tipo:
boolean optional Valore predefinito:
true Indica se questo poligono è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional L'indice z rispetto ad altri poli. |
Interfaccia PolyMouseEvent
google.maps.PolyMouseEvent
interfaccia
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 tratto all'interno del percorso sotto il cursore quando si è verificato l'evento, se l'evento si è verificato in un punto intermedio 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 l'evento si è verificato su un vertice e il polilinea o il poligono è modificabile. Se l'evento non si verifica su un vertice, il valore è undefined . |
Ereditato:
domEvent ,
latLng
|
Metodi | |
---|---|
Ereditato:
stop
|
Classe Rectangle
google.maps.Rectangle
corso
Un overlay rettangolare.
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 RectangleOptions passato, che specifica i limiti e lo stile. |
Metodi | |
---|---|
getBounds |
getBounds() Parametri: nessuno
Valore restituito:
LatLngBounds|null Restituisce i limiti di questo rettangolo. |
getDraggable |
getDraggable() Parametri: nessuno
Valore restituito:
boolean Restituisce se questo rettangolo può essere trascinato dall'utente. |
getEditable |
getEditable() Parametri: nessuno
Valore restituito:
boolean Restituisce se questo rettangolo può essere modificato dall'utente. |
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map|null Restituisce la mappa su cui viene visualizzato questo rettangolo. |
getVisible |
getVisible() Parametri: nessuno
Valore restituito:
boolean Restituisce 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 impostato su true , l'utente può modificare questo rettangolo trascinando i punti di controllo mostrati agli angoli e su ogni lato. |
setMap |
setMap(map) Parametri:
Valore restituito:nessuno
Esegue il rendering del 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 questo rettangolo se impostato su false . |
Ereditato:
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 viene attivato l'evento di clic DOM sul rettangolo. |
contextmenu |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento contextmenu del DOM sul rettangolo. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM dblclick 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 interrompe il trascinamento del 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 viene attivato l'evento mousedown del DOM sul rettangolo. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mousemove sul rettangolo. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato quando il mouse esce dal rettangolo. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato quando il mouse passa sopra il rettangolo. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mouseup sul rettangolo. |
|
function(event) Argomenti:
Questo evento viene attivato quando si fa clic con il tasto destro del mouse sul rettangolo. |
Interfaccia RectangleOptions
google.maps.RectangleOptions
interfaccia
Oggetto RectangleOptions 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 Valore predefinito:
true Indica se questo Rectangle gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Valore predefinito:
false Se impostato su true , l'utente può trascinare questo rettangolo sulla mappa. |
editable optional |
Tipo:
boolean optional Valore predefinito:
false Se impostato su true , l'utente può modificare questo rettangolo trascinando i punti di controllo mostrati agli angoli e su ogni lato. |
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 L'opacità del riempimento deve essere 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 deve essere compresa tra 0,0 e 1,0 |
strokePosition optional |
Tipo:
StrokePosition optional Valore predefinito:
StrokePosition.CENTER La posizione del tratto. |
strokeWeight optional |
Tipo:
number optional La larghezza del tratto in pixel. |
visible optional |
Tipo:
boolean optional Valore predefinito:
true Indica se questo rettangolo è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional L'indice z rispetto ad altri poli. |
Classe Cerchia
google.maps.Circle
corso
Un cerchio sulla superficie terrestre, noto anche come "calotta sferica".
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 CircleOptions passato, che specifica il centro, il raggio e lo stile. |
Metodi | |
---|---|
getBounds |
getBounds() Parametri: nessuno
Valore restituito:
LatLngBounds|null Recupera il LatLngBounds di questo cerchio. |
getCenter |
getCenter() Parametri: nessuno
Valore restituito:
LatLng|null Restituisce il centro di questo cerchio. |
getDraggable |
getDraggable() Parametri: nessuno
Valore restituito:
boolean Restituisce se questo cerchio può essere trascinato dall'utente. |
getEditable |
getEditable() Parametri: nessuno
Valore restituito:
boolean Restituisce se questo cerchio può essere modificato dall'utente. |
getMap |
getMap() Parametri: nessuno
Valore restituito:
Map|null Restituisce la mappa su cui è visualizzato questo cerchio. |
getRadius |
getRadius() Parametri: nessuno
Valore restituito:
number Restituisce il raggio di questo cerchio (in metri). |
getVisible |
getVisible() Parametri: nessuno
Valore restituito:
boolean Restituisce se questo cerchio è visibile sulla mappa. |
setCenter |
setCenter(center) Parametri:
Valore restituito:nessuno
Imposta il centro del 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 mostrati al centro e lungo la circonferenza del cerchio. |
setMap |
setMap(map) Parametri:
Valore restituito:nessuno
Esegue il rendering del 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: nessuno
Questo evento viene attivato quando il centro del cerchio viene modificato. |
click |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento di clic DOM sul cerchio. |
dblclick |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM dblclick 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 viene attivato l'evento DOM mousedown sul cerchio. |
mousemove |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mousemove sul cerchio. |
mouseout |
function(event) Argomenti:
Questo evento viene attivato quando il mouse esce dal cerchio. |
mouseover |
function(event) Argomenti:
Questo evento viene attivato quando il mouse passa sopra il cerchio. |
mouseup |
function(event) Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mouseup sul cerchio. |
radius_changed |
function() Argomenti: nessuno
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 tasto destro del mouse sul cerchio. |
Interfaccia CircleOptions
google.maps.CircleOptions
interfaccia
Oggetto CircleOptions utilizzato per definire le proprietà che possono essere impostate su un cerchio.
Proprietà | |
---|---|
center optional |
Tipo:
LatLng|LatLngLiteral optional Il centro del cerchio. |
clickable optional |
Tipo:
boolean optional Valore predefinito:
true Indica se questo Circle gestisce gli eventi del mouse. |
draggable optional |
Tipo:
boolean optional Valore predefinito:
false Se è impostato su true , l'utente può trascinare questo cerchio sulla mappa. |
editable optional |
Tipo:
boolean optional Valore predefinito:
false Se impostato su true , l'utente può modificare questo cerchio trascinando i punti di controllo mostrati al centro e lungo la circonferenza del cerchio. |
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 L'opacità del riempimento deve essere compresa tra 0,0 e 1,0. |
map optional |
Tipo:
Map optional Mappa su cui 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 estesi. |
strokeOpacity optional |
Tipo:
number optional L'opacità del tratto compresa tra 0,0 e 1,0. |
strokePosition optional |
Tipo:
StrokePosition optional Valore predefinito:
StrokePosition.CENTER La posizione del tratto. |
strokeWeight optional |
Tipo:
number optional La larghezza del tratto in pixel. |
visible optional |
Tipo:
boolean optional Valore predefinito:
true Indica se questo cerchio è visibile sulla mappa. |
zIndex optional |
Tipo:
number optional L'indice z 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à all'interno e metà all'esterno del poligono. |
INSIDE |
Il tratto si trova all'interno del poligono. |
OUTSIDE |
Il tratto si trova all'esterno del poligono. |