Polygons

Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.

lezione Polyline

lezione google.maps.Polyline

Una polilinea è un overlay lineare di segmenti di linee collegate sulla mappa.

Questo corso estende MVCObject.

Quando usi v=beta, puoi accedervi chiamando const {Polyline} = await google.map.importLibrary("maps"). Consulta la sezione Librerie nell'API Maps JavaScript.

Polyline
Polyline([opts])
Parametri:
Crea una polilinea utilizzando PolylineOptions, che specifica sia il percorso della polilinea sia lo stile tratto da utilizzare per tracciare la 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.
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 è collegata questa forma.
getPath
getPath()
Parametri: nessuno
Valore restituito: MVCArray<LatLng>
Recupera il percorso.
getVisible
getVisible()
Parametri: nessuno
Valore restituito: boolean
Restituisce se questo poly è visibile sulla mappa.
setDraggable
setDraggable(draggable)
Parametri:
  • draggableboolean
Valore di restituzione: 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:
  • editable: boolean
Valore di restituzione: nessuno
Se è impostato su true, l'utente può modificare questa forma trascinando i punti di controllo visualizzati sui vertici e su ogni segmento.
setMap
setMap(map)
Parametri:
  • map: Map optional
Valore di restituzione: nessuno
Visualizza questa forma sulla mappa specificata. Se la mappa è impostata su null, la forma verrà rimossa.
setOptions
setOptions(options)
Parametri:
Valore di restituzione: nessuno
setPath
setPath(path)
Parametri:
Valore di restituzione: nessuno
Imposta il percorso. Per ulteriori dettagli, vedi PolylineOptions.
setVisible
setVisible(visible)
Parametri:
  • visible: boolean
Valore di restituzione: nessuno
Nasconde questo poly se impostato su false.
Ereditata: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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 DOMclick 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 viene attivato l'evento DOM mousedown sulla polilinea.
mousemove
function(event)
Argomenti:
Questo evento viene attivato quando viene attivato l'evento DOM mousemove 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 del mouseup DOM sulla polilinea.
rightclick
function(event)
Argomenti:
Questo evento viene attivato quando viene fatto clic con il pulsante destro del mouse sulla polilinea.

Interfaccia di PolylineOptions

google.maps.PolylineOptions interfaccia

Oggetto PolylineOptions utilizzato per definire le proprietà che possono essere impostate su una Polyline.

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 visualizzati sui vertici e su ogni segmento.
geodesic optional
Tipo: boolean optional
Predefinito: false
Quando true, i bordi del poligono vengono interpretati come geodetici e seguono 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 potrebbe sembrare diversa 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 su cui visualizzare Polyline.
path optional
La sequenza ordinata di coordinate della polilinea. Questo percorso può essere specificato utilizzando un semplice array di LatLng s o MVCArray di LatLng s. Tieni presente che se passi un array semplice, questo verrà convertito in MVCArray. Inserendo o rimuovendo i LatLng in MVCArray, la polilinea sulla mappa verrà aggiornata 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.
strokeWeight optional
Tipo: number optional
La larghezza del tratto in pixel.
visible optional
Tipo: boolean optional
Predefinito: true
Indica se la polilinea è visibile sulla mappa.
zIndex optional
Tipo: number optional
z-index rispetto ad altri poli.

Interfaccia Sequenza

google.maps.IconSequence interfaccia

Descrive la modalità di rendering delle icone su una linea.

Se la polilinea è geodetica, le distanze specificate sia per l'offset che per la ripetizione vengono calcolate in metri per impostazione predefinita. Se imposti un valore di offset o ripetuto su un valore in pixel, le distanze verranno calcolate in pixel sullo schermo.

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, ciascuna icona della sequenza viene 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 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
Predefinito: 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".

lezione Poligono

lezione google.maps.Polygon

Un poligono (come una polilinea) definisce una serie di coordinate connesse in sequenza ordinata. Inoltre, i poligoni formano un anello chiuso e definiscono un'area colorata. Leggi gli esempi nella guida per gli sviluppatori, iniziando con un poligono semplice, un poligono con un foro e altro ancora. Tieni presente che puoi anche utilizzare il livello dati per creare un poligono. Il livello dati offre un modo più semplice per creare fori, in quanto gestisce automaticamente l'ordine dei percorsi interni ed esterni.

Questo corso estende MVCObject.

Quando usi v=beta, puoi accedervi chiamando const {Polygon} = await google.map.importLibrary("maps"). Consulta la sezione Librerie nell'API Maps JavaScript.

Polygon
Polygon([opts])
Parametri:
Crea un poligono utilizzando il valore PolygonOptions, che specifica il percorso, lo stile di tratto per i bordi del poligono 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 s. 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.
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 è collegata questa forma.
getPath
getPath()
Parametri: nessuno
Valore restituito: MVCArray<LatLng>
Recupera il primo percorso.
getPaths
getPaths()
Parametri: nessuno
Valore restituito: MVCArray<MVCArray<LatLng>>
Recupera i percorsi per questo poligono.
getVisible
getVisible()
Parametri: nessuno
Valore restituito: boolean
Restituisce se questo poly è visibile sulla mappa.
setDraggable
setDraggable(draggable)
Parametri:
  • draggable: boolean
Valore di restituzione: 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:
  • editableboolean
Valore di restituzione: nessuno
Se è impostato su true, l'utente può modificare questa forma trascinando i punti di controllo visualizzati sui vertici e su ogni segmento.
setMap
setMap(map)
Parametri:
  • map: Map optional
Valore di restituzione: nessuno
Visualizza questa forma sulla mappa specificata. Se la mappa è impostata su null, la forma verrà rimossa.
setOptions
setOptions(options)
Parametri:
Valore di restituzione: nessuno
setPath
setPath(path)
Valore di restituzione: nessuno
Consente di impostare il primo percorso. Per ulteriori dettagli, vedi PolygonOptions.
setPaths
setPaths(paths)
Valore di restituzione: nessuno
Imposta il percorso per questo poligono.
setVisible
setVisible(visible)
Parametri:
  • visible: boolean
Valore di restituzione: nessuno
Nasconde questo poly se impostato su false.
Ereditata: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
Argomenti:
Questo evento viene attivato quando viene attivato l'evento di clic DOM sul poligono.
contextmenu
function(event)
Argomenti:
Questo evento viene attivato quando viene attivato l'evento del menu contestuale DOM sul poligono.
dblclick
function(event)
Argomenti:
Questo evento viene attivato quando l'evento DOMclick 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 DOM mousedown viene attivato 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 passaggio del mouse al 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 del mouseup viene attivato nel poligono.
rightclick
function(event)
Argomenti:
Questo evento viene attivato quando si fa clic con il pulsante destro del mouse sul poligono.

Interfaccia di MetricOptions

google.maps.PolygonOptions interfaccia

Oggetto PoliciesOptions utilizzato per definire le proprietà che possono essere impostate su un poligono.

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 visualizzati 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 estesi.
fillOpacity optional
Tipo: number optional
L'opacità del riempimento tra 0,0 e 1,0
geodesic optional
Tipo: boolean optional
Predefinito: false
Quando true, i bordi del poligono vengono interpretati come geodetici e seguono 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 potrebbe sembrare diversa 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
La sequenza ordinata di coordinate che indicano un anello chiuso. A differenza delle polilinee, un poligono può essere costituito da uno o più percorsi. Di conseguenza, la proprietà dei 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 s. I poligoni più complessi possono specificare un array di array. Tutti gli array semplici vengono convertiti in MVCArrays. 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 estesi.
strokeOpacity optional
Tipo: number optional
L'opacità del tratto tra 0,0 e 1,0
strokePosition optional
Tipo: StrokePosition optional
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 di PolyMouseEvent

google.maps.PolyMouseEvent interfaccia

Questo oggetto viene restituito da eventi del mouse su polilinee e poligoni.

Questa interfaccia estende MapMouseEvent.

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 centrale 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 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.
Ereditata: domEvent, latLng
Ereditata: stop

Classe Rettangolo

lezione google.maps.Rectangle

Un overlay rettangolare.

Questo corso estende MVCObject.

Quando usi v=beta, puoi accedervi chiamando const {Rectangle} = await google.map.importLibrary("maps"). Consulta la sezione Librerie nell'API Maps JavaScript.

Rectangle
Rectangle([opts])
Parametri:
Crea un rettangolo utilizzando il valore RectangleOptions superato, che specifica i limiti e lo stile.
getBounds
getBounds()
Parametri: nessuno
Valore restituito: LatLngBounds|null
Restituisce i limiti di questo rettangolo.
getDraggable
getDraggable()
Parametri: nessuno
Valore restituito: boolean
Indica 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 di restituzione: nessuno
Imposta i limiti di questo rettangolo.
setDraggable
setDraggable(draggable)
Parametri:
  • draggableboolean
Valore di restituzione: nessuno
Se è impostato su true, l'utente può trascinare questo rettangolo sulla mappa.
setEditable
setEditable(editable)
Parametri:
  • editable: boolean
Valore di restituzione: nessuno
Se è impostato su true, l'utente può modificare questo rettangolo trascinando i punti di controllo mostrati negli angoli e su ciascun bordo.
setMap
setMap(map)
Parametri:
  • map: Map optional
Valore di restituzione: nessuno
Visualizza il rettangolo sulla mappa specificata. Se la mappa è impostata su null, il rettangolo verrà rimosso.
setOptions
setOptions(options)
Parametri:
Valore di restituzione: nessuno
setVisible
setVisible(visible)
Parametri:
  • visible: boolean
Valore di restituzione: nessuno
Nasconde questo rettangolo se impostato su false.
Ereditata: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
bounds_changed
function()
Argomenti: nessuno
Questo evento viene attivato quando i bordi 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 nel rettangolo.
dblclick
function(event)
Argomenti:
Questo evento viene attivato quando l'evento DOMclick viene attivato 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 nel rettangolo.
mouseout
function(event)
Argomenti:
Questo evento viene attivato al passaggio del mouse nel rettangolo.
mouseover
function(event)
Argomenti:
Questo evento viene attivato al passaggio del mouse nel rettangolo.
mouseup
function(event)
Argomenti:
Questo evento viene attivato quando viene attivato l'evento Mouse del DOM sul rettangolo.
rightclick
function(event)
Argomenti:
Questo evento viene attivato quando viene fatto clic con il pulsante destro del mouse sul rettangolo.

Interfaccia di RettangoloOptions

google.maps.RectangleOptions interfaccia

Oggetto RettangoloOptions utilizzato per definire le proprietà che possono essere impostate su un rettangolo.

bounds 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 è impostato su true, l'utente può modificare questo rettangolo trascinando i punti di controllo mostrati negli angoli e su ciascun 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
L'opacità del riempimento 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
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.

lezione Circle

lezione google.maps.Circle

Un cerchio sulla superficie terrestre, detto anche "cappello sferico".

Questo corso estende MVCObject.

Quando usi v=beta, puoi accedervi chiamando const {Circle} = await google.map.importLibrary("maps"). Consulta la sezione Librerie nell'API Maps JavaScript.

Circle
Circle([circleOrCircleOptions])
Parametri:
Crea una cerchia utilizzando CircleOptions, che specificano il centro, il raggio e lo stile.
getBounds
getBounds()
Parametri: nessuno
Valore restituito: LatLngBounds|null
Visualizza il LatLngBounds di questo cerchio.
getCenter
getCenter()
Parametri: nessuno
Valore restituito: LatLng
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 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 di restituzione: nessuno
Imposta il centro di questo cerchio.
setDraggable
setDraggable(draggable)
Parametri:
  • draggable: boolean
Valore di restituzione: nessuno
Se è impostato su true, l'utente può trascinare questo cerchio sulla mappa.
setEditable
setEditable(editable)
Parametri:
  • editable: boolean
Valore di restituzione: nessuno
Se è impostato su true, l'utente può modificare questo cerchio trascinando i punti di controllo al centro e attorno alla sua circonferenza.
setMap
setMap(map)
Parametri:
  • mapMap optional
Valore di restituzione: nessuno
Visualizza il cerchio sulla mappa specificata. Se la mappa è impostata su null, il cerchio verrà rimosso.
setOptions
setOptions(options)
Parametri:
Valore di restituzione: nessuno
setRadius
setRadius(radius)
Parametri:
  • radiusnumber
Valore di restituzione: nessuno
Imposta il raggio di questo cerchio (in metri).
setVisible
setVisible(visible)
Parametri:
  • visible: boolean
Valore di restituzione: nessuno
Nasconde questo cerchio se impostato su false.
Ereditata: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
center_changed
function()
Argomenti: nessuno
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 nel cerchio.
dblclick
function(event)
Argomenti:
Questo evento viene attivato quando l'evento DOMclick 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 si attiva sul cerchio.
mousemove
function(event)
Argomenti:
Questo evento viene attivato quando l'evento Spostamento del mouse DOM viene attivato nel cerchio.
mouseout
function(event)
Argomenti:
Questo evento viene attivato al passaggio del mouse al cerchio.
mouseover
function(event)
Argomenti:
L'evento viene attivato al passaggio del mouse del cerchio.
mouseup
function(event)
Argomenti:
Questo evento viene attivato quando l'evento del mouseup DOM viene attivato nel cerchio.
radius_changed
function()
Argomenti: nessuno
Questo evento viene attivato quando viene modificato il raggio del cerchio.
rightclick
function(event)
Argomenti:
Questo evento viene attivato quando viene fatto clic con il pulsante destro del mouse sul cerchio.

Interfaccia di CircleOptions

google.maps.CircleOptions interfaccia

Oggetto CircleOptions utilizzato per definire le proprietà che possono essere impostate su un Circle.

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 attorno 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
L'opacità del riempimento 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 tra 0,0 e 1,0.
strokePosition optional
Tipo: StrokePosition optional
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.

Costanti StrokePosition

google.maps.StrokePosition costanti

Le possibili posizioni del tratto su un poligono.

Quando usi v=beta, puoi accedervi chiamando const {StrokePosition} = await google.map.importLibrary("maps"). Consulta la sezione Librerie nell'API Maps JavaScript.

CENTER Il tratto è centrato sul percorso del poligono, con metà del tratto all'interno del poligono e metà del tratto all'esterno di quest'ultimo.
INSIDE Il tratto si trova all'interno del poligono.
OUTSIDE Il tratto si trova all'esterno del poligono.