Classe Polyline
google.maps.Polyline
classe
Una polilinea è una sovrapposizione lineare di segmenti di linea collegati sulla mappa.
Questo corso si estende
MVCObject.
Accesso chiamando il numero const {Polyline} = await google.maps.importLibrary("maps"). 
Consulta Librerie nell'API Maps JavaScript.
| Costruttore | |
|---|---|
| Polyline | Polyline([opts])Parametri:   
 Crea una polilinea utilizzando  PolylineOptions, che specifica sia il percorso della polilinea sia lo stile del tratto da utilizzare per disegnarla. Quando costruisci una polilinea, puoi passare un array diLatLngo unMVCArraydiLatLng, anche se gli array semplici vengono convertiti inMVCArrayall'interno della polilinea al momento dell'istanza. | 
| Metodi | |
|---|---|
| getDraggable | getDraggable()Parametri: nessuno Valore restituito:   booleanRestituisce un valore che indica 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 è collegata questa forma. | 
| getPath | getPath()Parametri: nessuno Recupera il percorso. | 
| getVisible | getVisible()Parametri: nessuno Valore restituito:   booleanRestituisce un valore che indica 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àgeodesicdefinisce 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 nei 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 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 l'evento di clic DOM viene attivato sulla polilinea. | 
| contextmenu | function(event)Argomenti:   
 Questo evento viene attivato quando l'evento DOM contextmenu viene attivato su Polyline. | 
| dblclick | function(event)Argomenti:   
 Questo evento viene attivato quando viene attivato l'evento DOM dblclick 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 mousedown DOM sulla polilinea. | 
| mousemove | function(event)Argomenti:   
 Questo evento viene attivato quando l'evento mousemove 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 sopra una polilinea. | 
| mouseup | function(event)Argomenti:   
 Questo evento viene attivato quando viene attivato l'evento mouseup DOM sulla polilinea. | 
|  | function(event)Argomenti:   
 Questo evento viene attivato quando si fa clic con il tasto destro del mouse sulla polilinea. | 
Interfaccia PolylineOptions
google.maps.PolylineOptions
interfaccia
Oggetto PolylineOptions utilizzato per definire le proprietà che possono essere impostate su una polilinea.
| Proprietà | |
|---|---|
| clickable optional | Tipo:   boolean optionalPredefinito:  trueIndica se questo  Polylinegestisce gli eventi del mouse. | 
| draggable optional | Tipo:   boolean optionalPredefinito:  falseSe è impostato su  true, l'utente può trascinare questa forma sulla mappa. La proprietàgeodesicdefinisce la modalità di trascinamento. | 
| editable optional | Tipo:   boolean optionalPredefinito:  falseSe impostato su  true, l'utente può modificare questa forma trascinando i punti di controllo mostrati nei vertici e su ogni segmento. | 
| geodesic optional | Tipo:   boolean optionalPredefinito:  falseQuando  true, i bordi del poligono vengono interpretati come geodetici e seguono la curvatura della Terra. Quandofalse, i bordi del poligono vengono visualizzati come linee rette nello spazio dello schermo. Tieni presente che la forma di un poligono geodetico può sembrare cambiare quando viene trascinato, poiché le dimensioni vengono mantenute rispetto alla superficie terrestre. | 
| icons optional | Tipo:   Array<IconSequence> optionalLe icone da visualizzare lungo la polilinea. | 
| map optional | Tipo:   Map optionalMappa su cui visualizzare la polilinea. | 
| path optional | Tipo:   MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optionalLa sequenza ordinata di coordinate della polilinea. Questo percorso può essere specificato utilizzando un semplice array di  LatLngo unMVCArraydiLatLng. Tieni presente che se passi un array semplice, questo verrà convertito in unMVCArrayL'inserimento o la rimozione di LatLng inMVCArrayaggiornerà automaticamente la polilinea sulla mappa. | 
| strokeColor optional | Tipo:   string optionalIl colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati estesi. | 
| strokeOpacity optional | Tipo:   number optionalL'opacità del tratto compresa tra 0,0 e 1,0. | 
| strokeWeight optional | Tipo:   number optionalLa larghezza del tratto in pixel. | 
| visible optional | Tipo:   boolean optionalPredefinito:  trueIndica se questa polilinea è visibile sulla mappa. | 
| zIndex optional | Tipo:   number optionalL'indice z rispetto ad altri poligoni. | 
Interfaccia IconSequence
google.maps.IconSequence
interfaccia
Descrive come devono essere visualizzate le icone su una linea. 
 Se la polilinea è geodetica, le distanze specificate per offset e 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 optional | Tipo:   boolean optionalPredefinito:  falseSe  true, ogni icona della sequenza ha la stessa rotazione fissa, indipendentemente dall'angolo del bordo su cui si trova. Sefalse, ogni icona della sequenza viene ruotata per allinearla al bordo. | 
| icon optional | Tipo:   Symbol optionalL'icona da visualizzare sulla linea. | 
| offset optional | Tipo:   string optionalPredefinito:  '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 optionalPredefinito:  0La distanza tra le icone consecutive sulla linea. Questa distanza può essere espressa come percentuale della lunghezza della linea (ad es. "50%") o in pixel (ad es. "50 px"). Per disattivare la ripetizione dell'icona, specifica "0". | 
Classe Poligono
google.maps.Polygon
classe
Un poligono (come una polilinea) definisce una serie di coordinate connesse in una sequenza ordinata. Inoltre, i poligoni formano un anello chiuso e definiscono una regione piena. 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 dati per creare un poligono. Il livello di dati offre un modo più semplice per creare fori perché gestisce l'ordine dei percorsi interni ed esterni.
Questo corso si estende
MVCObject.
Accesso chiamando il numero const {Polygon} = await google.maps.importLibrary("maps"). 
Consulta Librerie nell'API Maps JavaScript.
| Costruttore | |
|---|---|
| Polygon | Polygon([opts])Parametri:   
 Crea un poligono utilizzando  PolygonOptions, 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, dove ogni percorso è costituito da un array diLatLng. Puoi passare un array di LatLng o unMVCArraydiLatLngdurante la costruzione di questi percorsi. Gli array vengono convertiti inMVCArrayall'interno del poligono al momento dell'istanza. | 
| Metodi | |
|---|---|
| getDraggable | getDraggable()Parametri: nessuno Valore restituito:   booleanRestituisce un valore che indica 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 è collegata 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 un valore che indica 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àgeodesicdefinisce 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 nei 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 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 l'evento di clic DOM viene attivato sul poligono. | 
| contextmenu | function(event)Argomenti:   
 Questo evento viene attivato quando viene attivato l'evento DOM contextmenu sul poligono. | 
| 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 mousedown DOM sul poligono. | 
| mousemove | function(event)Argomenti:   
 Questo evento viene attivato quando viene attivato l'evento mousemove DOM 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 sopra un poligono. | 
| mouseup | function(event)Argomenti:   
 Questo evento viene attivato quando viene attivato l'evento mouseup DOM 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 optionalPredefinito:  trueIndica se questo  Polygongestisce gli eventi del mouse. | 
| draggable optional | Tipo:   boolean optionalPredefinito:  falseSe è impostato su  true, l'utente può trascinare questa forma sulla mappa. La proprietàgeodesicdefinisce la modalità di trascinamento. | 
| editable optional | Tipo:   boolean optionalPredefinito:  falseSe impostato su  true, l'utente può modificare questa forma trascinando i punti di controllo mostrati nei vertici e su ogni segmento. | 
| fillColor optional | Tipo:   string optionalIl colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati estesi. | 
| fillOpacity optional | Tipo:   number optionalL'opacità del riempimento compresa tra 0,0 e 1,0 | 
| geodesic optional | Tipo:   boolean optionalPredefinito:  falseQuando  true, i bordi del poligono vengono interpretati come geodetici e seguono la curvatura della Terra. Quandofalse, i bordi del poligono vengono visualizzati come linee rette nello spazio dello schermo. Tieni presente che la forma di un poligono geodetico può sembrare cambiare quando viene trascinato, poiché le dimensioni vengono mantenute rispetto alla superficie terrestre. | 
| map optional | Tipo:   Map optionalMappa su cui visualizzare il poligono. | 
| paths optional | Tipo:   MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optionalLa sequenza ordinata di coordinate che designa 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 diLatLng. I poligoni più complessi possono specificare un array di array. Tutti gli array semplici vengono convertiti inMVCArray. L'inserimento o la rimozione diLatLngdalMVCArrayaggiornerà automaticamente il poligono sulla mappa. | 
| strokeColor optional | Tipo:   string optionalIl colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati estesi. | 
| strokeOpacity optional | Tipo:   number optionalL'opacità del tratto compresa tra 0,0 e 1,0 | 
| strokePosition optional | Tipo:   StrokePosition optionalPredefinito:  StrokePosition.CENTERLa posizione del tratto. | 
| strokeWeight optional | Tipo:   number optionalLa larghezza del tratto in pixel. | 
| visible optional | Tipo:   boolean optionalPredefinito:  trueIndica se questo poligono è visibile sulla mappa. | 
| zIndex optional | Tipo:   number optionalL'indice z rispetto ad altri poligoni. | 
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 optionalL'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 optionalL'indice del percorso sotto il cursore quando si è verificato l'evento, se l'evento si è verificato su un vertice e il poligono è modificabile. Altrimenti  undefined. | 
| vertex optional | 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 è modificabile. Se l'evento non si verifica su un vertice, il valore è  undefined. | 
| Ereditato: domEvent,latLng | |
| Metodi | |
|---|---|
| Ereditato: stop | 
Classe Rectangle
google.maps.Rectangle
classe
Un overlay rettangolare.
Questo corso si estende
MVCObject.
Accesso chiamando il numero const {Rectangle} = await google.maps.importLibrary("maps"). 
Consulta Librerie nell'API Maps JavaScript.
| Costruttore | |
|---|---|
| Rectangle | Rectangle([opts])Parametri:   
 Crea un rettangolo utilizzando  RectangleOptions, 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:   booleanRestituisce un valore che indica se questo rettangolo può essere trascinato dall'utente. | 
| getEditable | getEditable()Parametri: nessuno Valore restituito:   booleanRestituisce un valore che indica 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 un valore che indica se questo rettangolo è visibile sulla mappa. | 
| setBounds | setBounds(bounds)Parametri:   
 Valore restituito:nessuno Imposta i limiti di questo rettangolo. | 
| setDraggable | setDraggable(draggable)Parametri:   
 Valore restituito:nessuno Se impostato su  true, l'utente può trascinare questo rettangolo sulla mappa. | 
| setEditable | setEditable(editable)Parametri:   
 Valore restituito:nessuno Se 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 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 vengono modificati i limiti del rettangolo. | 
| 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 viene attivato l'evento DOM contextmenu 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 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 viene attivato l'evento mousedown DOM sul rettangolo. | 
| mousemove | function(event)Argomenti:   
 Questo evento viene attivato quando l'evento DOM mousemove viene attivato sul rettangolo. | 
| mouseout | function(event)Argomenti:   
 Questo evento viene attivato quando il mouse esce dal rettangolo. | 
| mouseover | function(event)Argomenti:   
 Questo evento viene attivato al passaggio del mouse sopra il rettangolo. | 
| mouseup | function(event)Argomenti:   
 Questo evento viene attivato quando viene attivato l'evento mouseup DOM 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 optionalI limiti. | 
| clickable optional | Tipo:   boolean optionalPredefinito:  trueIndica se questo  Rectanglegestisce gli eventi del mouse. | 
| draggable optional | Tipo:   boolean optionalPredefinito:  falseSe impostato su  true, l'utente può trascinare questo rettangolo sulla mappa. | 
| editable optional | Tipo:   boolean optionalPredefinito:  falseSe 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 optionalIl colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati estesi. | 
| fillOpacity optional | Tipo:   number optionalL'opacità del riempimento compresa tra 0,0 e 1,0 | 
| map optional | Tipo:   Map optionalMappa su cui visualizzare il rettangolo. | 
| strokeColor optional | Tipo:   string optionalIl colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati estesi. | 
| strokeOpacity optional | Tipo:   number optionalL'opacità del tratto compresa tra 0,0 e 1,0 | 
| strokePosition optional | Tipo:   StrokePosition optionalPredefinito:  StrokePosition.CENTERLa posizione del tratto. | 
| strokeWeight optional | Tipo:   number optionalLa larghezza del tratto in pixel. | 
| visible optional | Tipo:   boolean optionalPredefinito:  trueIndica se questo rettangolo è visibile sulla mappa. | 
| zIndex optional | Tipo:   number optionalL'indice z rispetto ad altri poligoni. | 
Classe Cerchia
google.maps.Circle
classe
Un cerchio sulla superficie terrestre, noto anche come "calotta sferica".
Questo corso si estende
MVCObject.
Accesso chiamando il numero const {Circle} = await google.maps.importLibrary("maps"). 
Consulta Librerie nell'API Maps JavaScript.
| Costruttore | |
|---|---|
| Circle | Circle([circleOrCircleOptions])Parametri:   
 Crea un cerchio utilizzando  CircleOptions, che specifica il centro, il raggio e lo stile. | 
| Metodi | |
|---|---|
| getBounds | getBounds()Parametri: nessuno Valore restituito:   LatLngBounds|nullRecupera il  LatLngBoundsdi questa cerchia. | 
| 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:   booleanRestituisce un valore che indica 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 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 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 viene modificato il centro del cerchio. | 
| click | function(event)Argomenti:   
 Questo evento viene attivato quando l'evento di clic DOM viene attivato sul cerchio. | 
| dblclick | function(event)Argomenti:   
 Questo evento viene attivato quando 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 mousedown DOM 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 al passaggio del mouse sopra il cerchio. | 
| mouseup | function(event)Argomenti:   
 Questo evento viene attivato quando viene attivato l'evento mouseup DOM sul 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 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 optionalIl centro del cerchio. | 
| clickable optional | Tipo:   boolean optionalPredefinito:  trueIndica se questo  Circlegestisce gli eventi del mouse. | 
| draggable optional | Tipo:   boolean optionalPredefinito:  falseSe è impostato su  true, l'utente può trascinare questo cerchio sulla mappa. | 
| editable optional | Tipo:   boolean optionalPredefinito:  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 optional | Tipo:   string optionalIl colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati estesi. | 
| fillOpacity optional | Tipo:   number optionalL'opacità del riempimento compresa tra 0,0 e 1,0. | 
| map optional | Tipo:   Map optionalMappa su cui visualizzare il cerchio. | 
| radius optional | Tipo:   number optionalIl raggio in metri sulla superficie terrestre. | 
| strokeColor optional | Tipo:   string optionalIl colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati estesi. | 
| strokeOpacity optional | Tipo:   number optionalL'opacità del tratto compresa tra 0,0 e 1,0. | 
| strokePosition optional | Tipo:   StrokePosition optionalPredefinito:  StrokePosition.CENTERLa posizione del tratto. | 
| strokeWeight optional | Tipo:   number optionalLa larghezza del tratto in pixel. | 
| visible optional | Tipo:   boolean optionalPredefinito:  trueIndica se questo cerchio è visibile sulla mappa. | 
| zIndex optional | Tipo:   number optionalL'indice z rispetto ad altri poligoni. | 
Costanti StrokePosition
google.maps.StrokePosition
costanti
Le possibili posizioni del tratto su un poligono.
Accesso chiamando il numero const {StrokePosition} = await google.maps.importLibrary("maps"). 
Consulta Librerie nell'API Maps JavaScript.
| Costanti | |
|---|---|
| CENTER | Il tratto è centrato sul percorso del poligono, con metà all'interno e metà all'esterno. | 
| INSIDE | Il tratto si trova all'interno del poligono. | 
| OUTSIDE | Il tratto si trova all'esterno del poligono. |