Classe Polyline
class
google.maps.Polyline
extends MVCObject
library "maps"
Una polilinea è un overlay lineare di segmenti di linea collegati sulla mappa.
const {Polyline} = await google.maps.importLibrary("maps");
Costruttore | |
|---|---|
Polyline |
Polyline([opts])Parametri:
Crea una polilinea utilizzando l'oggetto PolylineOptions passato, che specifica sia il percorso della polilinea sia lo stile del tratto da utilizzare per disegnare la polilinea. Quando crei una polilinea, puoi passare un array di LatLng o un MVCArray di LatLng, anche se gli array semplici vengono convertiti in MVCArray all'interno della polilinea al momento della creazione dell'istanza. |
Metodi | |
|---|---|
getDraggable |
getDraggable()Parametri: nessuno
Valore restituito:
booleanIndica se questa forma può essere trascinata dall'utente. |
getEditable |
getEditable()Parametri: nessuno
Valore restituito:
booleanRestituisce un valore che indica se questa forma può essere modificata dall'utente. |
getMap |
getMap()Parametri: nessuno
Valore restituito:
Map|nullRestituisce la mappa a cui è associata questa forma. |
getPath |
getPath()Parametri: nessuno
Recupera il percorso. |
getVisible |
getVisible()Parametri: nessuno
Valore restituito:
booleanRestituisce 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 sui vertici e su ogni segmento. |
setMap |
setMap(map)Parametri:
Valore restituito: nessuno
Esegue il rendering di 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. |
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 contextmenu DOM viene attivato su Poyline. |
dblclick |
function(event)Argomenti:
Questo evento viene attivato quando l'evento dblclick del 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 interrompe il trascinamento della 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 mousedown del DOM viene attivato sulla polilinea. |
mousemove |
function(event)Argomenti:
Questo evento viene attivato quando l'evento mousemove del DOM viene attivato sulla polilinea. |
mouseout |
function(event)Argomenti:
Questo evento viene attivato quando il mouse esce dalla polilinea. |
mouseover |
function(event)Argomenti:
Questo evento viene attivato al passaggio del mouse sulla polilinea. |
mouseup |
function(event)Argomenti:
Questo evento viene attivato quando l'evento mouseup del 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
facoltativo |
Tipo:
boolean optionalValore predefinito:
trueIndica se questo Polyline gestisce gli eventi del mouse. |
draggable
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe impostato su true, l'utente può trascinare questa forma sulla mappa. La proprietà geodesic definisce la modalità di trascinamento. |
editable
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe impostato su true, l'utente può modificare questa forma trascinando i punti di controllo mostrati sui vertici e su ogni segmento. |
geodesic
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe true, i bordi del poligono vengono interpretati come geodetici e seguono 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 potrebbe sembrare cambiare quando viene trascinata, poiché le dimensioni vengono mantenute in relazione alla superficie della Terra. |
icons
facoltativo |
Tipo:
Array<IconSequence> optionalLe icone da visualizzare lungo la polilinea. |
map
facoltativo |
Tipo:
Map optionalMappa su cui visualizzare la polilinea. |
path
facoltativo |
Tipo:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optionalLa 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 un MVCArray. L'inserimento o la rimozione di LatLng in MVCArray aggiornerà automaticamente la polilinea sulla mappa. |
strokeColor
facoltativo |
Tipo:
string optionalIl colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
strokeOpacity
facoltativo |
Tipo:
number optionalL'opacità del tratto compresa tra 0,0 e 1,0. |
strokeWeight
facoltativo |
Tipo:
number optionalLa larghezza del tratto in pixel. |
visible
facoltativo |
Tipo:
boolean optionalValore predefinito:
trueIndica se questa polilinea è visibile sulla mappa. |
zIndex
facoltativo |
Tipo:
number optionalLo zIndex rispetto ad altri poligoni. |
Interfaccia IconSequence
interfaccia
google.maps.IconSequence
Descrive come devono essere visualizzate le icone su una linea.
Se la polilinea è geodetica, le distanze specificate per l'offset e la ripetizione vengono calcolate in metri per impostazione predefinita. Se imposti l'offset o la ripetizione su un valore in pixel, le distanze verranno calcolate in pixel sullo schermo.
Proprietà | |
|---|---|
fixedRotation
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe true, ogni icona della sequenza ha la stessa rotazione fissa, indipendentemente dall'angolo del bordo su cui si trova. Se false, ogni icona della sequenza viene ruotata per allinearsi al bordo. |
icon
facoltativo |
Tipo:
Symbol optionalL'icona da visualizzare sulla linea. |
offset
facoltativo |
Tipo:
string optionalValore 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
facoltativo |
Tipo:
string optionalValore predefinito:
0La 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. "50px"). Per disattivare la ripetizione dell'icona, specifica "0". |
Classe Polygon
class
google.maps.Polygon
extends MVCObject
library "maps"
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, 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 perché gestisce l'ordine dei percorsi interni ed esterni per te.
const {Polygon} = await google.maps.importLibrary("maps");
Costruttore | |
|---|---|
Polygon |
Polygon([opts])Parametri:
Crea un poligono utilizzando i PolygonOptions passati, che specificano il percorso del poligono, lo stile del 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, ognuno dei quali è costituito da un array di LatLng. Puoi passare un array di LatLng o un MVCArray di LatLng quando crei questi percorsi. Gli array vengono convertiti in MVCArray all'interno del poligono al momento della creazione dell'istanza. |
Metodi | |
|---|---|
getDraggable |
getDraggable()Parametri: nessuno
Valore restituito:
booleanIndica se questa forma può essere trascinata dall'utente. |
getEditable |
getEditable()Parametri: nessuno
Valore restituito:
booleanRestituisce un valore che indica se questa forma può essere modificata dall'utente. |
getMap |
getMap()Parametri: nessuno
Valore restituito:
Map|nullRestituisce 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:
booleanRestituisce 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 sui vertici e su ogni segmento. |
setMap |
setMap(map)Parametri:
Valore restituito: nessuno
Esegue il rendering di 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. |
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 contextmenu 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 interrompe il trascinamento del 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 mousedown del DOM viene attivato sul poligono. |
mousemove |
function(event)Argomenti:
Questo evento viene attivato quando l'evento mousemove del DOM viene attivato sul poligono. |
mouseout |
function(event)Argomenti:
Questo evento viene attivato quando il mouse esce dal poligono. |
mouseover |
function(event)Argomenti:
Questo evento viene attivato al passaggio del mouse sul poligono. |
mouseup |
function(event)Argomenti:
Questo evento viene attivato quando l'evento mouseup del 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
facoltativo |
Tipo:
boolean optionalValore predefinito:
trueIndica se questo Polygon gestisce gli eventi del mouse. |
draggable
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe impostato su true, l'utente può trascinare questa forma sulla mappa. La proprietà geodesic definisce la modalità di trascinamento. |
editable
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe impostato su true, l'utente può modificare questa forma trascinando i punti di controllo mostrati sui vertici e su ogni segmento. |
fillColor
facoltativo |
Tipo:
string optionalIl colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
fillOpacity
facoltativo |
Tipo:
number optionalL'opacità del riempimento tra 0,0 e 1,0 |
geodesic
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe true, i bordi del poligono vengono interpretati come geodetici e seguono 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 potrebbe sembrare cambiare quando viene trascinata, poiché le dimensioni vengono mantenute in relazione alla superficie della Terra. |
map
facoltativo |
Tipo:
Map optionalMappa su cui visualizzare il poligono. |
paths
facoltativo |
Tipo:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optionalLa sequenza ordinata di coordinate che designa un loop 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. Tutti gli array semplici vengono convertiti in MVCArray. L'inserimento o la rimozione di LatLng da MVCArray aggiornerà automaticamente il poligono sulla mappa. |
strokeColor
facoltativo |
Tipo:
string optionalIl colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
strokeOpacity
facoltativo |
Tipo:
number optionalL'opacità del tratto compresa tra 0,0 e 1,0 |
strokePosition
facoltativo |
Tipo:
StrokePosition optionalValore predefinito:
StrokePosition.CENTERLa posizione del tratto. |
strokeWeight
facoltativo |
Tipo:
number optionalLa larghezza del tratto in pixel. |
visible
facoltativo |
Tipo:
boolean optionalValore predefinito:
trueIndica se questo poligono è visibile sulla mappa. |
zIndex
facoltativo |
Tipo:
number optionalLo zIndex rispetto ad altri poligoni. |
Interfaccia PolyMouseEvent
interface
google.maps.PolyMouseEvent
extends MapMouseEvent
Questo oggetto viene restituito dagli eventi del mouse su polilinee e poligoni.
Proprietà | |
|---|---|
edge
facoltativo |
Tipo:
number optionalL'indice del bordo 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
facoltativo |
Tipo:
number optionalL'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
facoltativo |
Tipo:
number optionalL'indice del vertice sotto il cursore quando si è verificato l'evento, se l'evento 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 Rectangle
class
google.maps.Rectangle
extends MVCObject
library "maps"
Un overlay rettangolare.
const {Rectangle} = await google.maps.importLibrary("maps");
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|nullRestituisce i limiti di questo rettangolo. |
getDraggable |
getDraggable()Parametri: nessuno
Valore restituito:
booleanIndica se questo rettangolo può essere trascinato dall'utente. |
getEditable |
getEditable()Parametri: nessuno
Valore restituito:
booleanIndica se questo rettangolo può essere modificato dall'utente. |
getMap |
getMap()Parametri: nessuno
Valore restituito:
Map|nullRestituisce la mappa su cui viene visualizzato questo rettangolo. |
getVisible |
getVisible()Parametri: nessuno
Valore restituito:
booleanRestituisce 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 negli angoli e su ogni bordo. |
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. |
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 l'evento di clic DOM viene attivato sul rettangolo. |
contextmenu |
function(event)Argomenti:
Questo evento viene attivato quando l'evento contextmenu DOM viene attivato sul rettangolo. |
dblclick |
function(event)Argomenti:
Questo evento viene attivato quando l'evento dblclick DOM 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 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 l'evento mousedown del DOM viene attivato sul rettangolo. |
mousemove |
function(event)Argomenti:
Questo evento viene attivato quando l'evento mousemove del DOM viene attivato sul rettangolo. |
mouseout |
function(event)Argomenti:
Questo evento viene attivato quando il mouse esce dal rettangolo. |
mouseover |
function(event)Argomenti:
Questo evento viene attivato al passaggio del mouse sul rettangolo. |
mouseup |
function(event)Argomenti:
Questo evento viene attivato quando l'evento mouseup DOM viene attivato sul rettangolo. |
|
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 RectangleOptions utilizzato per definire le proprietà che possono essere impostate su un Rectangle.
Proprietà | |
|---|---|
bounds
facoltativo |
Tipo:
LatLngBounds|LatLngBoundsLiteral optionalI limiti. |
clickable
facoltativo |
Tipo:
boolean optionalValore predefinito:
trueIndica se questo Rectangle gestisce gli eventi del mouse. |
draggable
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe impostato su true, l'utente può trascinare questo rettangolo sulla mappa. |
editable
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe impostato su true, l'utente può modificare questo rettangolo trascinando i punti di controllo mostrati negli angoli e su ogni bordo. |
fillColor
facoltativo |
Tipo:
string optionalIl colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
fillOpacity
facoltativo |
Tipo:
number optionalL'opacità del riempimento tra 0,0 e 1,0 |
map
facoltativo |
Tipo:
Map optionalMappa su cui visualizzare il rettangolo. |
strokeColor
facoltativo |
Tipo:
string optionalIl colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
strokeOpacity
facoltativo |
Tipo:
number optionalL'opacità del tratto compresa tra 0,0 e 1,0 |
strokePosition
facoltativo |
Tipo:
StrokePosition optionalValore predefinito:
StrokePosition.CENTERLa posizione del tratto. |
strokeWeight
facoltativo |
Tipo:
number optionalLa larghezza del tratto in pixel. |
visible
facoltativo |
Tipo:
boolean optionalValore predefinito:
trueIndica se questo rettangolo è visibile sulla mappa. |
zIndex
facoltativo |
Tipo:
number optionalLo zIndex rispetto ad altri poligoni. |
Classe Circle
class
google.maps.Circle
extends MVCObject
library "maps"
Un cerchio sulla superficie della Terra, noto anche come "calotta sferica".
const {Circle} = await google.maps.importLibrary("maps");
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|nullRecupera l'oggetto LatLngBounds di questo cerchio. |
getCenter |
getCenter()Parametri: nessuno
Valore restituito:
LatLng|nullRestituisce il centro di questo cerchio. |
getDraggable |
getDraggable()Parametri: nessuno
Valore restituito:
booleanRestituisce un valore che indica se questo cerchio può essere trascinato dall'utente. |
getEditable |
getEditable()Parametri: nessuno
Valore restituito:
booleanIndica se questo cerchio può essere modificato dall'utente. |
getMap |
getMap()Parametri: nessuno
Valore restituito:
Map|nullRestituisce la mappa su cui viene visualizzato questo cerchio. |
getRadius |
getRadius()Parametri: nessuno
Valore restituito:
numberRestituisce il raggio di questo cerchio (in metri). |
getVisible |
getVisible()Parametri: nessuno
Valore restituito:
booleanRestituisce un valore che 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 mostrati al centro e intorno alla 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. |
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 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 interrompe il trascinamento del 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 mousedown del DOM 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 quando il mouse esce dal cerchio. |
mouseover |
function(event)Argomenti:
Questo evento viene attivato al passaggio del mouse sul cerchio. |
mouseup |
function(event)Argomenti:
Questo evento viene attivato quando l'evento mouseup DOM viene attivato 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
interface
google.maps.CircleOptions
extended by CircleLiteral
Oggetto CircleOptions utilizzato per definire le proprietà che possono essere impostate su un cerchio.
Proprietà | |
|---|---|
center
facoltativo |
Tipo:
LatLng|LatLngLiteral optionalIl centro del cerchio. |
clickable
facoltativo |
Tipo:
boolean optionalValore predefinito:
trueIndica se questo Circle gestisce gli eventi del mouse. |
draggable
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe impostato su true, l'utente può trascinare questo cerchio sulla mappa. |
editable
facoltativo |
Tipo:
boolean optionalValore predefinito:
falseSe impostato su true, l'utente può modificare questo cerchio trascinando i punti di controllo mostrati al centro e intorno alla circonferenza del cerchio. |
fillColor
facoltativo |
Tipo:
string optionalIl colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
fillOpacity
facoltativo |
Tipo:
number optionalL'opacità del riempimento tra 0.0 e 1.0. |
map
facoltativo |
Tipo:
Map optionalMappa su cui visualizzare il cerchio. |
radius
facoltativo |
Tipo:
number optionalIl raggio in metri sulla superficie terrestre. |
strokeColor
facoltativo |
Tipo:
string optionalIl colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori con nome esteso. |
strokeOpacity
facoltativo |
Tipo:
number optionalL'opacità del tratto compresa tra 0,0 e 1,0. |
strokePosition
facoltativo |
Tipo:
StrokePosition optionalValore predefinito:
StrokePosition.CENTERLa posizione del tratto. |
strokeWeight
facoltativo |
Tipo:
number optionalLa larghezza del tratto in pixel. |
visible
facoltativo |
Tipo:
boolean optionalValore predefinito:
trueIndica se questo cerchio è visibile sulla mappa. |
zIndex
facoltativo |
Tipo:
number optionalLo zIndex rispetto ad altri poligoni. |
Costanti StrokePosition
constants
google.maps.StrokePosition
library "maps"
Le possibili posizioni del tratto su un poligono.
const {StrokePosition} = await google.maps.importLibrary("maps");
Costanti | |
|---|---|
CENTER |
Il tratto è centrato sul percorso del poligono, con metà del tratto all'interno del poligono e metà all'esterno. |
INSIDE |
Il tratto si trova all'interno del poligono. |
OUTSIDE |
Il tratto si trova all'esterno del poligono. |