Drawing Library

DrawingManager

google.maps.drawing.DrawingManager classe

Consente agli utenti di tracciare 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.

Questa classe 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 elemento DrawingManager che consente agli utenti di disegnare overlay sulla mappa e passare da un tipo di overlay all'altro da tracciare con un controllo disegno.
getDrawingMode
getDrawingMode()
Parametri: nessuno
Valore restituito:  OverlayType|null
Restituisce la modalità disegno di DrawingManager.
getMap
getMap()
Parametri: nessuno
Valore restituito:  Map
Restituisce il Map a cui è allegato l'elemento DrawingManager, che corrisponde al Map su cui verranno posizionati gli overlay creati.
setDrawingMode
setDrawingMode(drawingMode)
Parametri: 
Valore restituito: nessuno
Modifica la modalità 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à disegno di null indica che l'utente può interagire con la mappa come di consueto e i clic non consentono di tracciare 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.
Ereditate: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argomenti: 
  • circleCircle il cerchio che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha finito di disegnare un cerchio.
markercomplete
function(marker)
Argomenti: 
  • markerMarker l'indicatore che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha finito di tracciare un indicatore.
overlaycomplete
function(event)
Argomenti: 
  • eventOverlayCompleteEvent l'overlay che l'utente ha appena disegnato, insieme al tipo di overlay.
Questo evento viene attivato quando l'utente ha finito di tracciare un overlay di qualsiasi tipo.
polygoncomplete
function(polygon)
Argomenti: 
  • polygonPolygon il poligono che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha finito di tracciare un poligono.
polylinecomplete
function(polyline)
Argomenti: 
  • polylinePolyline la polilinea che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha finito di disegnare una polilinea.
rectanglecomplete
function(rectangle)
Argomenti: 
  • rectangleRectangle il rettangolo che l'utente ha appena disegnato.
Questo evento viene attivato quando l'utente ha finito di disegnare un rettangolo.

Interfaccia DrawingManagerOptions

Interfaccia google.maps.drawing.DrawingManagerOptions

Opzioni per Gestione 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 una nuova cerchia è sempre impostata sulla mappa di DrawingManager.
drawingControl optional
Tipo:  boolean optional
Predefinita: true
Lo stato attivato/disattivato 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 dell'DrawingManager, che definisce il tipo di overlay da aggiungere alla mappa. I valori accettati sono 'marker', 'polygon', 'polyline', 'rectangle', 'circle' o null. Una modalità disegno di null indica che l'utente può interagire con la mappa come di consueto e i clic non consentono di tracciare nulla.
map optional
Tipo:  Map optional
Il Map a cui è allegato l'DrawingManager, che corrisponde al Map su cui verranno posizionati 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 è sempre impostata sulla mappa di DrawingManager.
polygonOptions optional
Tipo:  PolygonOptions optional
Opzioni da applicare a qualsiasi nuovo poligono creato 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 tutte le nuove polilinee create con questo DrawingManager. La proprietà path viene ignorata e la proprietà map di una nuova polilinea è 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 è sempre impostata sulla mappa di DrawingManager.

Interfaccia DrawingControlOptions

Interfaccia google.maps.drawing.DrawingControlOptions

Opzioni per il rendering del controllo del 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

Interfaccia google.maps.drawing.OverlayCompleteEvent

Le proprietà di un evento overlaycomplete in un DrawingManager.

overlay
L'overlay completato.
type
Tipo:  OverlayType
Il tipo di overlay completato.

Costanti di OverlayType

google.maps.drawing.OverlayType costanti

I tipi di overlay che possono essere creati da DrawingManager. Specificali 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 dei cerchi e che l'overlay specificato nell'evento overlaycomplete è un cerchio.
MARKER Specifica che DrawingManager crea degli 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 è un rettangolo.