Drawing Library

Classe di DrawingManager

lezione google.maps.drawing.DrawingManager

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. Consente di aggiungere un controllo alla mappa, consentendo all'utente di cambiare modalità di disegno.

Questo corso estende MVCObject.

Accedi chiamando const {DrawingManager} = await google.maps.importLibrary("drawing"). Consulta la sezione Librerie nell'API Maps JavaScript.
DrawingManager
DrawingManager([options])
Parametri: 
Crea un DrawingManager che consente agli utenti di disegnare overlay sulla mappa e di passare dal tipo di overlay agli elementi da tracciare 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 è collegato DrawingManager, ovvero il Map su cui verranno posizionati gli overlay creati.
setDrawingMode
setDrawingMode(drawingMode)
Parametri: 
Valore di restituzione: nessuno
Modifica 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 di null significa che l'utente può interagire con la mappa come di consueto e i clic non disegnano nulla.
setMap
setMap(map)
Parametri: 
Valore di restituzione: nessuno
Collega l'oggetto DrawingManager all'oggetto Map specificato.
setOptions
setOptions(options)
Parametri: 
Valore di restituzione: nessuno
Consente di impostare le opzioni di DrawingManager.
Ereditata: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argomenti: 
  • circle:  Circle il cerchio che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha finito di tracciare un cerchio.
markercomplete
function(marker)
Argomenti: 
  • marker:  Marker l'indicatore che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha terminato di tracciare un indicatore.
overlaycomplete
function(event)
Argomenti: 
  • event:  OverlayCompleteEvent l'overlay che l'utente ha appena disegnato, insieme al tipo di overlay.
Questo evento viene attivato quando l'utente ha terminato di tracciare un overlay di qualsiasi tipo.
polygoncomplete
function(polygon)
Argomenti: 
  • polygon:  Polygon il poligono che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha terminato di tracciare un poligono.
polylinecomplete
function(polyline)
Argomenti: 
  • polyline:  Polyline la polilinea che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha finito di tracciare una polilinea.
rectanglecomplete
function(rectangle)
Argomenti: 
  • rectangle:  Rectangle il rettangolo che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha finito di disegnare un rettangolo.

Interfaccia di DrawingManagerOptions

google.maps.drawing.DrawingManagerOptions interfaccia

Opzioni per il gestore di disegni.
circleOptions optional
Tipo:  CircleOptions optional
Opzioni da applicare a tutte le nuove cerchie create con questa 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 di null significa che l'utente può interagire con la mappa come di consueto e i clic non disegnano nulla.
map optional
Tipo:  Map optional
L'Map a cui è collegato DrawingManager, ovvero l'Map in cui verranno inseriti gli overlay creati.
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 qualsiasi nuovo poligono creato con l'oggetto 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 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 optional
Tipo:  RectangleOptions optional
Opzioni da applicare a tutti i nuovi rettangoli creati con questa DrawingManager. La proprietà bounds viene ignorata e la proprietà map di un nuovo rettangolo viene sempre impostata sulla mappa di DrawingManager.

Interfaccia di DrawingControlOptions

google.maps.drawing.DrawingControlOptions interfaccia

Opzioni per il rendering del controllo disegno.
drawingModes optional
Tipo:  Array<OverlayType> optional
Le modalità di disegno da visualizzare nel controllo del 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
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
L'overlay completato.
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. Specificale in base al valore o utilizzando il nome della costante. Ad esempio, 'polygon' o google.maps.drawing.OverlayType.POLYGON.

Accedi chiamando const {OverlayType} = await google.maps.importLibrary("drawing"). Consulta la sezione Librerie nell'API Maps JavaScript.
CIRCLE Specifica che DrawingManager crea delle cerchie e che l'overlay specificato nell'evento overlaycomplete è un cerchio.
MARKER Specifica che DrawingManager crea indicatori e che l'overlay specificato nell'evento overlaycomplete è un indicatore.
POLYGON Specifica che DrawingManager crea poligoni e che l'overlay specificato nell'evento overlaycomplete è un poligono.
POLYLINE Specifica che DrawingManager crea polilinee e che l'overlay specificato nell'evento overlaycomplete è una polilinea.
RECTANGLE Specifica che DrawingManager crea rettangoli e che l'overlay specificato nell'evento overlaycomplete sia un rettangolo.