Drawing Library

Classe DrawingManager

google.maps.drawing.DrawingManager class
extends MVCObject
library "drawing"

Consente agli utenti di disegnare indicatori, poligoni, polilinee, rettangoli e cerchi sulla mappa. La modalità di disegno di DrawingManager definisce il tipo di overlay che verrà creato dall'utente. Aggiunge un controllo alla mappa, consentendo all'utente di cambiare la modalità di disegno.

const {DrawingManager} = await google.maps.importLibrary("drawing");
DrawingManager
DrawingManager([options])
Parametri:
Crea un DrawingManager che consente agli utenti di disegnare overlay sulla mappa e di passare da un tipo di overlay all'altro da disegnare con un controllo di disegno.
getDrawingMode
getDrawingMode()
Parametri: nessuno
Valore restituito: OverlayType|null
Restituisce la modalità di disegno di DrawingManager.
getMap
getMap()
Parametri: nessuno
Valore restituito: Map|null
Restituisce l'oggetto Map a cui è associato l'oggetto DrawingManager, ovvero l'oggetto Map su cui verranno posizionati gli overlay creati.
setDrawingMode
setDrawingMode(drawingMode)
Parametri:
Valore restituito: nessuno
Modifica la modalità di disegno di DrawingManager, che definisce il tipo di overlay da aggiungere alla mappa. I valori accettati sono 'marker', 'polygon', 'polyline', 'rectangle', 'circle' o null. Una modalità di disegno di null indica che l'utente può interagire con la mappa normalmente e i clic non disegnano nulla.
setMap
setMap(map)
Parametri:
  • map: Map optional
Valore restituito: nessuno
Collega l'oggetto DrawingManager all'oggetto Map specificato.
setOptions
setOptions(options)
Parametri:
Valore restituito: nessuno
Imposta le opzioni di DrawingManager.
Ereditate: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argomenti:
  • circle: Circle optional il cerchio appena disegnato dall'utente.
Questo evento viene attivato quando l'utente ha terminato di disegnare un cerchio.
markercomplete
function(marker)
Argomenti:
  • marker: Marker l'indicatore appena disegnato dall'utente.
Questo evento viene attivato quando l'utente ha terminato di disegnare un indicatore.
overlaycomplete
function(event)
Argomenti:
  • event: OverlayCompleteEvent optional l'overlay appena disegnato dall'utente, insieme al tipo di overlay.
Questo evento viene attivato quando l'utente ha terminato di disegnare un overlay di qualsiasi tipo.
polygoncomplete
function(polygon)
Argomenti:
  • polygon: Polygon il poligono appena disegnato dall'utente.
Questo evento viene attivato quando l'utente ha terminato di disegnare un poligono.
polylinecomplete
function(polyline)
Argomenti:
  • polyline: Polyline optional la polilinea appena disegnata dall'utente.
Questo evento viene attivato quando l'utente ha terminato di disegnare una polilinea.
rectanglecomplete
function(rectangle)
Argomenti:
  • rectangle: Rectangle optional il rettangolo appena disegnato dall'utente.
Questo evento viene attivato quando l'utente ha terminato di disegnare un rettangolo.

Interfaccia DrawingManagerOptions

Interfaccia google.maps.drawing.DrawingManagerOptions

Opzioni per il gestore dei disegni.
circleOptions
facoltativo
Tipo: CircleOptions optional
Opzioni da applicare a tutti i nuovi cerchi creati con questo DrawingManager. Le proprietà center e radius vengono ignorate e la proprietà map di un nuovo cerchio è sempre impostata sulla mappa di DrawingManager.
drawingControl
facoltativo
Tipo: boolean optional
Valore predefinito: true
Lo stato di attivazione/disattivazione del controllo di disegno.
drawingControlOptions
facoltativo
Tipo: DrawingControlOptions optional
Le opzioni di visualizzazione per il controllo di disegno.
drawingMode
facoltativo
Tipo: OverlayType optional
La modalità di disegno di DrawingManager, che definisce il tipo di overlay da aggiungere alla mappa. I valori accettati sono 'marker', 'polygon', 'polyline', 'rectangle', 'circle' o null. Una modalità di disegno di null indica che l'utente può interagire con la mappa normalmente e i clic non disegnano nulla.
map
facoltativo
Tipo: Map optional
L'elemento Map a cui è collegato l'elemento DrawingManager, ovvero l'elemento Map su cui verranno posizionati gli overlay creati.
markerOptions
facoltativo
Tipo: MarkerOptions optional
Opzioni da applicare a tutti i nuovi indicatori creati con questo DrawingManager. La proprietà position viene ignorata e la proprietà map di un nuovo indicatore viene sempre impostata sulla mappa di DrawingManager.
polygonOptions
facoltativo
Tipo: PolygonOptions optional
Opzioni da applicare a tutti i nuovi poligoni creati con questo DrawingManager. La proprietà paths viene ignorata e la proprietà map di un nuovo poligono è sempre impostata sulla mappa di DrawingManager.
polylineOptions
facoltativo
Tipo: PolylineOptions optional
Opzioni da applicare a tutte le nuove polilinee create con questo DrawingManager. La proprietà path viene ignorata e la proprietà map di una nuova polilinea viene sempre impostata sulla mappa di DrawingManager.
rectangleOptions
facoltativo
Tipo: RectangleOptions optional
Opzioni da applicare a tutti i nuovi rettangoli creati con questo DrawingManager. La proprietà bounds viene ignorata e la proprietà map di un nuovo rettangolo viene sempre impostata sulla mappa di DrawingManager.

Interfaccia DrawingControlOptions

Interfaccia google.maps.drawing.DrawingControlOptions

Opzioni per il rendering del controllo di disegno.
drawingModes
facoltativo
Tipo: Array<OverlayType> optional
Valore predefinito: [OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON]
Le modalità di disegno da visualizzare nel controllo di disegno, nell'ordine in cui devono essere visualizzate. L'icona a forma di mano (che corrisponde alla modalità di disegno null) è sempre disponibile e non deve essere specificata in questo array.
position
facoltativo
Tipo: ControlPosition optional
Valore predefinito: ControlPosition.TOP_LEFT
ID posizione. Utilizzato per specificare la posizione del controllo sulla mappa.

Interfaccia OverlayCompleteEvent

Interfaccia google.maps.drawing.OverlayCompleteEvent

Le proprietà di un evento overlaycomplete su un DrawingManager.
overlay
L'overlay completato.
type
Il tipo di overlay completato.

Costanti OverlayType

google.maps.drawing.OverlayType libreria di costanti
"drawing"

I tipi di overlay che possono essere creati da DrawingManager. Specifica questi valori in base al valore o utilizzando il nome della costante. Ad esempio, 'polygon' o google.maps.drawing.OverlayType.POLYGON

Queste costanti sono utilizzabili anche come stringhe. In TypeScript, i valori letterali stringa sono definiti dal tipo OverlayTypeString.

const {OverlayType} = await google.maps.importLibrary("drawing");
CIRCLE Specifica che DrawingManager crea cerchi e che l'overlay fornito nell'evento overlaycomplete è un cerchio.
MARKER Specifica che DrawingManager crea indicatori e che l'overlay fornito nell'evento overlaycomplete è un indicatore.
POLYGON Specifica che DrawingManager crea poligoni e che l'overlay fornito nell'evento overlaycomplete è un poligono.
POLYLINE Specifica che DrawingManager crea polilinee e che l'overlay fornito nell'evento overlaycomplete è una polilinea.
RECTANGLE Specifica che DrawingManager crea rettangoli e che l'overlay fornito nell'evento overlaycomplete è un rettangolo.