Drawing Library

DrawingManager-Klasse

google.maps.drawing.DrawingManager Klasse

Ermöglicht es Nutzern, Markierungen, Polygone, Polylinien, Rechtecke und Kreise auf der Karte zu zeichnen. Im Zeichenmodus von DrawingManager wird der Typ des Overlays definiert, das vom Nutzer erstellt wird. Fügt der Karte ein Steuerelement hinzu, mit dem der Nutzer den Zeichenmodus wechseln kann.

Diese Klasse erweitert MVCObject.

Zugriff durch Anrufen von const {DrawingManager} = await google.maps.importLibrary("drawing").
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 mit einem Zeichensteuerelement zwischen den Overlay-Typen wechseln können.
getDrawingMode
getDrawingMode()
Parameter:Keine
Rückgabewert:OverlayType|null
Gibt den Zeichenmodus von DrawingManager zurück.
getMap
getMap()
Parameter:Keine
Rückgabewert:Map
Gibt das Map zurück, an das das DrawingManager angehängt ist. Das ist das Map, auf dem die erstellten Overlays platziert werden.
setDrawingMode
setDrawingMode(drawingMode)
Parameter:
Rückgabewert:Keiner
Ändert den Zeichenmodus von 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. Bei einem Zeichenmodus von null kann der Nutzer wie gewohnt mit der Karte interagieren. Durch Klicken wird nichts gezeichnet.
setMap
setMap(map)
Parameter:
Rückgabewert:Keiner
Hängt das DrawingManager-Objekt an das angegebene Map an.
setOptions
setOptions(options)
Parameter:
Rückgabewert:Keiner
Legt die Optionen für DrawingManager fest.
Geerbt: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 eine Markierung fertig gezeichnet hat.
overlaycomplete
function(event)
Argumente: 
  • event:  OverlayCompleteEvent Das Overlay, das der Nutzer gerade gezeichnet hat, zusammen mit dem Typ des Overlays.
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Zeichnen eines Overlays beendet hat.
polygoncomplete
function(polygon)
Argumente: 
  • polygon:  Polygon Das Polygon, das der Nutzer gerade gezeichnet hat.
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Zeichnen eines Polygons abgeschlossen hat.
polylinecomplete
function(polyline)
Argumente: 
  • polyline:  Polyline Die Polylinie, die der Nutzer gerade gezeichnet hat.
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Zeichnen einer Polylinie beendet hat.
rectanglecomplete
function(rectangle)
Argumente: 
  • rectangle:  Rectangle Das Rechteck, das der Nutzer gerade gezeichnet hat.
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Zeichnen eines Rechtecks abgeschlossen hat.

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 sollen, die mit diesem DrawingManager erstellt werden. Die Attribute center und radius werden ignoriert und das Attribut map eines neuen Kreises wird immer auf die Karte des DrawingManager festgelegt.
drawingControl optional
Typ:boolean optional
Standard:true
Der aktivierte/deaktivierte Status des Zeichensteuerelements.
drawingControlOptions optional
Die Anzeigeoptionen für das Zeichensteuerelement.
drawingMode optional
Typ:OverlayType optional
Der Zeichenmodus von 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. Bei einem Zeichenmodus von null kann der Nutzer wie gewohnt mit der Karte interagieren. Durch Klicken wird nichts gezeichnet.
map optional
Typ:Map optional
Die Map, an die die DrawingManager angehängt ist. Das ist die Map, auf der die erstellten Overlays platziert werden.
markerOptions optional
Typ:MarkerOptions optional
Optionen, die auf alle neuen Markierungen angewendet werden, die mit diesem DrawingManager erstellt werden. Die Eigenschaft position wird ignoriert und die Eigenschaft map einer neuen Markierung wird immer auf die Karte von 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, die mit diesem DrawingManager erstellt werden. Das Attribut path wird ignoriert und das Attribut map einer neuen Polylinie wird immer auf die Karte des DrawingManager festgelegt.
rectangleOptions optional
Typ:RectangleOptions optional
Optionen, die auf alle neuen Rechtecke angewendet werden sollen, die mit diesem DrawingManager erstellt werden. 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
Standard:[OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON]
Die Zeichenmodi, die im Zeichensteuerelement angezeigt werden sollen, in der Reihenfolge, in der sie angezeigt werden sollen. Das Handsymbol (entspricht dem Zeichenmodus null) ist immer verfügbar und muss in diesem Array nicht angegeben werden.
position optional
Typ:ControlPosition optional
Standard:ControlPosition.TOP_LEFT
Positions-ID. Hiermit wird die Position des Steuerelements auf der Karte festgelegt.

OverlayCompleteEvent-Schnittstelle

google.maps.drawing.OverlayCompleteEvent-Schnittstelle

Die Eigenschaften eines „overlaycomplete“-Ereignisses für ein DrawingManager.
overlay
Das fertige Overlay.
type
Der Typ des abgeschlossenen Overlays.

OverlayType-Konstanten

google.maps.drawing.OverlayType Konstanten

Die Arten von Overlays, die von DrawingManager erstellt werden können. Geben Sie diese nach Wert oder mit dem Namen der Konstante an. Beispiel: 'polygon'oder google.maps.drawing.OverlayType.POLYGON

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