Drawing Library

Classe DrawingManager

google.maps.drawing.DrawingManager corso

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.

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 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 è associato il DrawingManager, ovvero il 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 pari a 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 all'oggetto 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 l'indicatore 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 finito 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 finito di disegnare un poligono.
polylinecomplete
function(polyline)
Argomenti: 
  • polyline:  Polyline il polilinea appena disegnato dall'utente.
Questo evento viene attivato quando l'utente ha finito di disegnare un 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 tutti i nuovi cerchi creati 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
Valore predefinito: true
Lo stato attivo/disattivato del controllo di disegno.
drawingControlOptions optional
Tipo:  DrawingControlOptions optional
Le opzioni di visualizzazione per il controllo di disegno.
drawingMode optional
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 pari a 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 è associato il DrawingManager, ovvero il 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 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 tutti i nuovi polilinee creati con questo DrawingManager. La proprietà path viene ignorata e la proprietà map di un nuovo 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
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
Valore 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
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. 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 cerchi 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 è un polilinea.
RECTANGLE Specifica che DrawingManager crea rettangoli e che l'overlay specificato nell'evento overlaycomplete è un rettangolo.