Drawing Library

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

DrawingManager-Klasse

google.maps.drawing.DrawingManager-Klasse

Ermöglicht Nutzern das Zeichnen von Markierungen, Polygonen, Polylinien, Rechtecken und Kreisen auf der Karte Der Zeichenmodus von DrawingManager definiert den Typ des Overlays, der vom Nutzer erstellt wird. Fügt der Karte ein Steuerelement hinzu, mit dem der Nutzer den Zeichenmodus wechseln kann.

Diese Klasse erweitert MVCObject.

Mit dem URL-Parameter &libraries=drawing laden. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Bei Verwendung von v=beta kann über const {DrawingManager} = await google.map.importLibrary("drawing") aufgerufen werden. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
DrawingManager
DrawingManager([options])
Parameter:
Erstellt eine DrawingManager, mit der Nutzer Overlays auf der Karte zeichnen und zwischen dem Overlay-Typ und einem Zeichensteuerelement 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 die Map zurück, an die die DrawingManager angehängt ist. Dies ist die Map, auf der die erstellten Overlays platziert werden.
setDrawingMode
setDrawingMode(drawingMode)
Parameter:
Rückgabewert:Keine
Ändert den Zeichenmodus von DrawingManager, der den Typ des Overlays definiert, der auf 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 dass Klicks nicht gezeichnet werden.
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 das Zeichnen einer Markierung abgeschlossen hat.
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 ein Overlay eines beliebigen Typs erstellt 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 eine Polylinie gezeichnet hat.
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 sollen, die mit diesem DrawingManager erstellt wurden. Die Attribute center und radius werden ignoriert und die Eigenschaft map eines neuen Kreises wird immer auf die Karte der DrawingManager gesetzt.
drawingControl optional
Typ:boolean optional
Standard: true
Der Aktivierungs-/Deaktivierungsstatus der Zeichensteuerung.
drawingControlOptions optional
Typ: DrawingControlOptions optional
Die Anzeigeoptionen für das Zeichensteuerelement.
drawingMode optional
Typ: OverlayType optional
Der Zeichenmodus von DrawingManager, der den Typ des Overlays definiert, der auf 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 dass Klicks nicht gezeichnet werden.
map optional
Typ: Map optional
Die Map, an die die DrawingManager angehängt ist. Dies ist die Map, auf der die erstellten Overlays platziert werden.
markerOptions optional
Typ: MarkerOptions optional
Optionen, die auf alle neuen Markierungen angewendet werden sollen, die mit diesem DrawingManager erstellt wurden. Die Eigenschaft position wird ignoriert und die Eigenschaft map einer neuen Markierung wird immer auf der Karte von DrawingManager festgelegt.
polygonOptions optional
Typ:PolygonOptions optional
Optionen, die auf alle neuen Polygone angewendet werden sollen, die mit diesem DrawingManager erstellt wurden. 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 mit diesem DrawingManager erstellten Polylinien angewendet werden sollen. Die Eigenschaft path wird ignoriert und die Eigenschaft map einer neuen Polylinie wird immer auf die Karte der DrawingManager festgelegt.
rectangleOptions optional
Typ:RectangleOptions optional
Optionen, die auf alle neuen Rechtecke angewendet werden sollen, 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 zum Rendern des Zeichensteuerelements.
drawingModes optional
Typ: Array<OverlayType> optional
Die Zeichenmodi, die im Zeichensteuerelement angezeigt werden sollen, 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.

Schnittstelle OverlayCompleteEvent

google.maps.drawing.OverlayCompleteEvent-Schnittstelle

Die Eigenschaften eines Overlays abgeschlossenes Ereignis in einem DrawingManager.
overlay
Das fertige Overlay.
type
Der Typ des ausgefüllten Overlays.

OverlayType-Konstanten

google.maps.drawing.OverlayType-Konstanten

Die Overlay-Typen, 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

Mit dem URL-Parameter &libraries=drawing laden. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Bei Verwendung von v=beta kann über const {OverlayType} = await google.map.importLibrary("drawing") aufgerufen werden. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
CIRCLE Gibt an, dass das DrawingManager Kreise erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay ein Kreis ist.
MARKER Gibt an, dass DrawingManager Markierungen erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay eine Markierung ist.
POLYGON Gibt an, dass das DrawingManager Polygone erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay ein Polygon ist.
POLYLINE Gibt an, dass 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.