Places UI Kit: una libreria pronta all'uso che offre spazio per la personalizzazione e il controllo agli sviluppatori. Provalo e condividi il tuo feedback sull'esperienza con UI Kit.

Questa pagina è stata tradotta dall'API Cloud Translation.

Polygons

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: `opts`: `PolylineOptions optional` 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 di `LatLng` o un `MVCArray` di `LatLng`, anche se gli array semplici vengono convertiti in `MVCArray` all'interno della polilinea al momento dell'istanza.

Costruttore

Polyline

Polyline([opts])

Parametri:

opts: PolylineOptions optional

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 di LatLng o un MVCArray di LatLng, anche se gli array semplici vengono convertiti in MVCArray all'interno della polilinea al momento dell'istanza.

Metodi
`getDraggable`	`getDraggable()` Parametri: nessuno Valore restituito: `boolean` Restituisce un valore che indica se questa forma può essere trascinata dall'utente.
`getEditable`	`getEditable()` Parametri: nessuno Valore restituito: `boolean` Restituisce un valore che 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 un valore che indica se questo poligono è visibile sulla mappa.
`setDraggable`	`setDraggable(draggable)` Parametri: `draggable`: `boolean` 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: `editable`: `boolean` 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: `map`: `Map optional` Valore restituito:nessuno Visualizza questa forma sulla mappa specificata. Se la mappa è impostata su `null`, la forma verrà rimossa.
`setOptions`	`setOptions(options)` Parametri: `options`: `PolylineOptions optional` Valore restituito:nessuno
`setPath`	`setPath(path)` Parametri: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` Valore restituito:nessuno Imposta il percorso. Per ulteriori dettagli, consulta `PolylineOptions`.
`setVisible`	`setVisible(visible)` Parametri: `visible`: `boolean` Valore restituito:nessuno Nasconde questo poligono se impostato su `false`.
Ereditato: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Eventi
`click`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando l'evento di clic DOM viene attivato sulla polilinea.
`contextmenu`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando l'evento DOM contextmenu viene attivato su Polyline.
`dblclick`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando viene attivato l'evento DOM dblclick sulla polilinea.
`drag`	`function(event)` Argomenti: `event`: `MapMouseEvent` Questo evento viene attivato ripetutamente mentre l'utente trascina la polilinea.
`dragend`	`function(event)` Argomenti: `event`: `MapMouseEvent` Questo evento viene attivato quando l'utente smette di trascinare la polilinea.
`dragstart`	`function(event)` Argomenti: `event`: `MapMouseEvent` Questo evento viene attivato quando l'utente inizia a trascinare la polilinea.
`mousedown`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando viene attivato l'evento mousedown DOM sulla polilinea.
`mousemove`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando l'evento mousemove DOM viene attivato sulla polilinea.
`mouseout`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando il mouse esce dalla polilinea.
`mouseover`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato al passaggio del mouse sopra una polilinea.
`mouseup`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando viene attivato l'evento mouseup DOM sulla polilinea.
`rightclick`	Deprecato: utilizza l'evento `Polyline.contextmenu` per supportare pattern di utilizzo come il clic di controllo su macOS. `function(event)` Argomenti: `event`: `PolyMouseEvent` 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 optional` Predefinito: `true` Indica se questo `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 mostrati nei 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 può sembrare cambiare quando viene trascinato, poiché le dimensioni vengono mantenute rispetto 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 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 optional`	Tipo: `string optional` Il colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati 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` Predefinito: `true` Indica se questa polilinea è visibile sulla mappa.
`zIndex optional`	Tipo: `number optional` L'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 optional` Predefinito: `false` Se `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 allinearla al 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 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: `opts`: `PolygonOptions optional` 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 di `LatLng`. Puoi passare un array di LatLng o un `MVCArray` di `LatLng` durante la costruzione di questi percorsi. Gli array vengono convertiti in `MVCArray` all'interno del poligono al momento dell'istanza.

Costruttore

Polygon

Polygon([opts])

Parametri:

opts: PolygonOptions optional

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 di LatLng. Puoi passare un array di LatLng o un MVCArray di LatLng durante la costruzione di questi percorsi. Gli array vengono convertiti in MVCArray all'interno del poligono al momento dell'istanza.

Metodi
`getDraggable`	`getDraggable()` Parametri: nessuno Valore restituito: `boolean` Restituisce un valore che indica se questa forma può essere trascinata dall'utente.
`getEditable`	`getEditable()` Parametri: nessuno Valore restituito: `boolean` Restituisce un valore che 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 un valore che indica se questo poligono è visibile sulla mappa.
`setDraggable`	`setDraggable(draggable)` Parametri: `draggable`: `boolean` 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: `editable`: `boolean` 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: `map`: `Map optional` Valore restituito:nessuno Visualizza questa forma sulla mappa specificata. Se la mappa è impostata su `null`, la forma verrà rimossa.
`setOptions`	`setOptions(options)` Parametri: `options`: `PolygonOptions optional` Valore restituito:nessuno
`setPath`	`setPath(path)` Parametri: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` Valore restituito:nessuno Imposta il primo percorso. Per ulteriori dettagli, consulta `PolygonOptions`.
`setPaths`	`setPaths(paths)` Parametri: `paths`: `MVCArray<MVCArray<LatLng>>\|MVCArray<LatLng>\|Array<Array<LatLng\|LatLngLiteral>>\|Array<LatLng\|LatLngLiteral>` Valore restituito:nessuno Imposta il percorso per questo poligono.
`setVisible`	`setVisible(visible)` Parametri: `visible`: `boolean` Valore restituito:nessuno Nasconde questo poligono se impostato su `false`.
Ereditato: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Eventi
`click`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando l'evento di clic DOM viene attivato sul poligono.
`contextmenu`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando viene attivato l'evento DOM contextmenu sul poligono.
`dblclick`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando viene attivato l'evento DOM dblclick sul poligono.
`drag`	`function(event)` Argomenti: `event`: `MapMouseEvent` Questo evento viene attivato ripetutamente mentre l'utente trascina il poligono.
`dragend`	`function(event)` Argomenti: `event`: `MapMouseEvent` Questo evento viene attivato quando l'utente smette di trascinare il poligono.
`dragstart`	`function(event)` Argomenti: `event`: `MapMouseEvent` Questo evento viene attivato quando l'utente inizia a trascinare il poligono.
`mousedown`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando viene attivato l'evento mousedown DOM sul poligono.
`mousemove`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando viene attivato l'evento mousemove DOM sul poligono.
`mouseout`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando il mouse esce dal poligono.
`mouseover`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato al passaggio del mouse sopra un poligono.
`mouseup`	`function(event)` Argomenti: `event`: `PolyMouseEvent` Questo evento viene attivato quando viene attivato l'evento mouseup DOM sul poligono.
`rightclick`	Deprecato: utilizza l'evento `Polygon.contextmenu` per supportare pattern di utilizzo come il clic di controllo su macOS. `function(event)` Argomenti: `event`: `PolyMouseEvent` 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` Predefinito: `true` Indica se questo `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 mostrati nei vertici e su ogni segmento.
`fillColor optional`	Tipo: `string optional` Il colore di riempimento. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati estesi.
`fillOpacity optional`	Tipo: `number optional` L'opacità del riempimento compresa 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 può sembrare cambiare quando viene trascinato, poiché le dimensioni vengono mantenute rispetto 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 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 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` dal `MVCArray` aggiornerà automaticamente il poligono sulla mappa.
`strokeColor optional`	Tipo: `string optional` Il colore del tratto. Sono supportati tutti i colori CSS3, ad eccezione dei colori denominati estesi.
`strokeOpacity optional`	Tipo: `number optional` L'opacità del tratto compresa tra 0,0 e 1,0
`strokePosition optional`	Tipo: `StrokePosition optional` Predefinito: `StrokePosition.CENTER` 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` L'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 optional` L'indice del bordo all'interno del percorso sotto il cursore quando si è verificato l'evento, se l'evento si è verificato in un punto medio di un poligono modificabile.
`path optional`	Tipo: `number optional` L'indice del percorso sotto il cursore quando si è verificato l'evento, se l'evento si è verificato su un vertice e il poligono è modificabile. Altrimenti `undefined`.

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

Classe Polyline

Costruttore

Metodi

Eventi

Interfaccia PolylineOptions

Proprietà

Interfaccia IconSequence

Proprietà

Classe Poligono

Costruttore

Metodi

Eventi

Interfaccia PolygonOptions

Proprietà

PolyMouseEvent

Proprietà

Polygons