Drawing Library

DrawingManager-Klasse

google.maps.drawing.DrawingManager Klasse

Nutzer können Markierungen, Polygone, Polylinien, Rechtecke und Kreise auf der Karte zeichnen. Der Zeichenmodus des DrawingManager definiert den Overlay-Typ, der vom Nutzer erstellt wird. Fügt der Karte ein Steuerelement hinzu, mit dem der Nutzer den Zeichenmodus wechseln kann.

Diese Klasse erweitert MVCObject.

Zugriff über const {DrawingManager} = await google.maps.importLibrary("drawing") aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
DrawingManager
DrawingManager([options])
Parameter:
Erstellt ein DrawingManager, mit dem Nutzer Overlays auf der Karte zeichnen und zwischen dem Overlay-Typ wechseln können, der mit einem Zeichensteuerelement gezeichnet werden soll.
getDrawingMode
getDrawingMode()
Parameter:Keine
Rückgabewert:  OverlayType|null
Gibt den Zeichenmodus des DrawingManager zurück.
getMap
getMap()
Parameter:Keine
Rückgabewert:  Map
Gibt das Map zurück, an das die DrawingManager angehängt ist. Dabei handelt es sich um die Map, auf der die erstellten Overlays platziert werden.
setDrawingMode
setDrawingMode(drawingMode)
Parameter:
Rückgabewert:Keine
Ändert den Zeichenmodus des DrawingManager, der den Typ des Overlays definiert, das der Karte hinzugefügt werden soll. Zulässige Werte sind 'marker', 'polygon', 'polyline', 'rectangle', 'circle' oder null. Der Zeichenmodus null bedeutet, dass der Nutzer wie gewohnt mit der Karte interagieren kann und durch Klicken nichts gezeichnet wird.
setMap
setMap(map)
Parameter:
Rückgabewert:Keine
Hängt das DrawingManager-Objekt an die angegebene Map an.
setOptions
setOptions(options)
Parameter:
Rückgabewert:Keine
Legt die Optionen von DrawingManager fest.
Übernommen: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argumente: 
  • circle:  Circle Der Kreis, den der Nutzer gerade gezeichnet hat.
Dieses Ereignis wird ausgelöst, wenn der Nutzer einen Kreis gezeichnet hat.
markercomplete
function(marker)
Argumente: 
  • marker:  Marker Die Markierung, die der Nutzer gerade gezeichnet hat.
Dieses Ereignis wird ausgelöst, wenn der Nutzer mit dem Zeichnen einer Markierung fertig ist.
overlaycomplete
function(event)
Argumente: 
  • event:  OverlayCompleteEvent Das Overlay, das der Nutzer gerade gezeichnet hat, zusammen mit dem Overlay-Typ.
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Zeichnen eines Overlays eines beliebigen Typs abgeschlossen hat.
polygoncomplete
function(polygon)
Argumente: 
  • polygon:  Polygon Das Polygon, das der Nutzer gerade gezeichnet hat.
Dieses Ereignis wird ausgelöst, wenn der Nutzer ein Polygon gezeichnet hat.
polylinecomplete
function(polyline)
Argumente: 
  • polyline:  Polyline Die Polylinie, die der Nutzer gerade gezeichnet hat.
Dieses Ereignis wird ausgelöst, wenn der Nutzer mit dem Zeichnen einer Polylinie fertig ist.
rectanglecomplete
function(rectangle)
Argumente: 
  • rectangle:  Rectangle Das Rechteck, das der Nutzer gerade gezeichnet hat.
Dieses Ereignis wird ausgelöst, wenn der Nutzer mit dem Zeichnen eines Rechtecks fertig ist.

DrawingManagerOptions-Schnittstelle.

google.maps.drawing.DrawingManagerOptions-Schnittstelle

Optionen für den Zeichenmanager.
circleOptions optional
Typ:CircleOptions optional
Optionen, die auf alle neuen Kreise angewendet werden können, die mit diesem DrawingManager erstellt wurden. Die Eigenschaften center und radius werden ignoriert und die Eigenschaft map eines neuen Kreises wird immer auf die Karte des DrawingManager festgelegt.
drawingControl optional
Typ:boolean optional
Standardwert: true
Der Aktivierungs-/Deaktivierungsstatus des Zeichensteuerelements.
drawingControlOptions optional
Die Anzeigeoptionen für das Zeichensteuerelement.
drawingMode optional
Typ:OverlayType optional
Der Zeichenmodus des DrawingManager, der den Typ des Overlays definiert, das der Karte hinzugefügt werden soll. Zulässige Werte sind 'marker', 'polygon', 'polyline', 'rectangle', 'circle' oder null. Der Zeichenmodus null bedeutet, dass der Nutzer wie gewohnt mit der Karte interagieren kann und durch Klicken nichts gezeichnet wird.
map optional
Typ:Map optional
Das Map, mit dem die DrawingManager verknüpft ist, d. h. das Map, auf dem die erstellten Overlays platziert werden.
markerOptions optional
Typ:MarkerOptions optional
Optionen, die auf alle mit diesem DrawingManager erstellten neuen Markierungen angewendet werden sollen. Die Eigenschaft position wird ignoriert und die Eigenschaft map einer neuen Markierung wird immer auf die Karte der DrawingManager festgelegt.
polygonOptions optional
Typ:PolygonOptions optional
Optionen, die auf alle neuen Polygone angewendet werden sollen, die mit diesem DrawingManager erstellt werden. Die Eigenschaft paths wird ignoriert und die Eigenschaft map eines neuen Polygons wird immer auf die Karte von DrawingManager festgelegt.
polylineOptions optional
Typ:PolylineOptions optional
Optionen, die auf alle neuen Polylinien angewendet werden sollen, die mit diesem DrawingManager erstellt werden. Die Eigenschaft path wird ignoriert und die Eigenschaft map einer neuen Polylinie wird immer auf die Karte von DrawingManager festgelegt.
rectangleOptions optional
Typ:RectangleOptions optional
Optionen, die auf alle neuen Rechtecke angewendet werden können, die mit diesem DrawingManager erstellt wurden. Die Eigenschaft bounds wird ignoriert und die Eigenschaft map eines neuen Rechtecks wird immer auf die Karte von DrawingManager festgelegt.

DrawingControlOptions-Schnittstelle.

google.maps.drawing.DrawingControlOptions-Schnittstelle

Optionen für das Rendern des Zeichensteuerelements.
drawingModes optional
Typ:Array<OverlayType> optional
Die Zeichenmodi, die im Zeichensteuerelement angezeigt werden sollen, und zwar in der Reihenfolge, in der sie angezeigt werden sollen. Das Handsymbol (das dem Zeichenmodus null entspricht) ist immer verfügbar und muss in diesem Array nicht angegeben werden.
position optional
Typ:ControlPosition optional
Positions-ID. Hiermit wird die Position des Steuerelements auf der Karte festgelegt.

OverlayCompleteEvent-Schnittstelle.

google.maps.drawing.OverlayCompleteEvent-Schnittstelle

Die Eigenschaften eines Overlaycomplete-Ereignisses auf einem DrawingManager.
overlay
Das fertige Overlay.
type
Der Typ des fertigen Overlays.

OverlayType-Konstanten

google.maps.drawing.OverlayType-Konstanten

Overlay-Typen, die vom DrawingManager erstellt werden können. Geben Sie diese mit dem Wert oder dem Namen der Konstante an. Beispiel: 'polygon'oder google.maps.drawing.OverlayType.POLYGON

Zugriff über const {OverlayType} = await google.maps.importLibrary("drawing") aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
CIRCLE Gibt an, dass DrawingManager Kreise erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay ein Kreis ist.
MARKER Gibt an, dass das DrawingManager Markierungen erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay eine Markierung ist.
POLYGON Gibt an, dass DrawingManager Polygone erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay ein Polygon ist.
POLYLINE Gibt an, dass das DrawingManager Polylinien erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay eine Polylinie ist.
RECTANGLE Gibt an, dass DrawingManager Rechtecke erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay ein Rechteck ist.