Drawing Library

Classe DrawingManager

google.maps.drawing.DrawingManager classe

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 modalità di disegno.

Questo corso si estende MVCObject.

Accesso chiamando il numero const {DrawingManager} = await google.maps.importLibrary("drawing").
Consulta Librerie nell'API Maps JavaScript.
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 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
Restituisce il Map a cui è allegato il DrawingManager, ovvero il Map su cui verranno posizionate le sovrapposizioni create.
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 null indica che l'utente può interagire con la mappa normalmente e i clic non disegnano nulla.
setMap
setMap(map)
Parametri: 
Valore restituito:nessuno
Collega l'oggetto DrawingManager al Map specificato.
setOptions
setOptions(options)
Parametri: 
Valore restituito:nessuno
Imposta le opzioni di DrawingManager.
Ereditato: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argomenti: 
  • circle:  Circle il cerchio appena disegnato dall'utente.
Questo evento viene attivato quando l'utente ha finito di disegnare un cerchio.
markercomplete
function(marker)
Argomenti: 
  • marker:  Marker il marcatore appena disegnato dall'utente.
Questo evento viene attivato quando l'utente ha finito di disegnare un indicatore.
overlaycomplete
function(event)
Argomenti: 
Questo evento viene attivato quando l'utente ha terminato di disegnare una sovrapposizione di qualsiasi tipo.
polygoncomplete
function(polygon)
Argomenti: 
  • polygon:  Polygon il poligono appena disegnato dall'utente.
Questo evento viene attivato quando l'utente ha finito di disegnare un poligono.
polylinecomplete
function(polyline)
Argomenti: 
  • polyline:  Polyline la polilinea appena disegnata dall'utente.
Questo evento viene attivato quando l'utente ha finito di disegnare una polilinea.
rectanglecomplete
function(rectangle)
Argomenti: 
  • rectangle:  Rectangle il rettangolo appena disegnato dall'utente.
Questo evento viene attivato quando l'utente ha finito di disegnare un rettangolo.

Interfaccia DrawingManagerOptions

google.maps.drawing.DrawingManagerOptions interfaccia

Opzioni per il gestore dei disegni.
circleOptions optional
Tipo:  CircleOptions optional
Opzioni da applicare a tutte le nuove cerchie create con questo DrawingManager. Le proprietà center e radius vengono ignorate e la proprietà map di un nuovo cerchio viene sempre impostata sulla mappa di DrawingManager.
drawingControl optional
Tipo:  boolean optional
Predefinito: true
Lo stato di attivazione/disattivazione del controllo del disegno.
drawingControlOptions optional
Tipo:  DrawingControlOptions optional
Le opzioni di visualizzazione per il controllo del disegno.
drawingMode optional
Tipo:  OverlayType optional
La modalità di disegno di DrawingManager, che definisce il tipo di overlay da aggiungere sulla mappa. I valori accettati sono 'marker', 'polygon', 'polyline', 'rectangle', 'circle' o null. Una modalità di disegno null indica che l'utente può interagire con la mappa normalmente e i clic non disegnano nulla.
map optional
Tipo:  Map optional
Il Map a cui è collegato il DrawingManager, ovvero il Map su cui verranno posizionate le sovrapposizioni create.
markerOptions optional
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 optional
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 viene sempre impostata sulla mappa di DrawingManager.
polylineOptions optional
Tipo:  PolylineOptions optional
Opzioni da applicare a qualsiasi nuova polilinea creata con questo DrawingManager. La proprietà path viene ignorata e la proprietà map di una nuova polilinea viene sempre impostata sulla mappa di DrawingManager.
rectangleOptions optional
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

google.maps.drawing.DrawingControlOptions interfaccia

Opzioni per il rendering del controllo di disegno.
drawingModes optional
Tipo:  Array<OverlayType> optional
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 optional
Tipo:  ControlPosition optional
Predefinito: ControlPosition.TOP_LEFT
ID posizione. Utilizzato per specificare la posizione del controllo sulla mappa.

Interfaccia OverlayCompleteEvent

google.maps.drawing.OverlayCompleteEvent interfaccia

Le proprietà di un evento overlaycomplete su un DrawingManager.
overlay
La sovrapposizione completata.
type
Tipo:  OverlayType
Il tipo di overlay completato.

Costanti OverlayType

google.maps.drawing.OverlayType costanti

I tipi di overlay che possono essere creati da DrawingManager. Specificali per valore o utilizzando il nome della costante. Ad esempio, 'polygon' o google.maps.drawing.OverlayType.POLYGON

Accesso chiamando il numero const {OverlayType} = await google.maps.importLibrary("drawing").
Consulta Librerie nell'API Maps JavaScript.
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.