Drawing Library

Klasse DrawingManager

google.maps.drawing.DrawingManager class
extends MVCObject
library "drawing"

Eingestellt: Die Funktionen der Drawing Library in der Maps JavaScript API wurden eingestellt. Diese API wurde im August 2025 eingestellt und wird in einer späteren Version der Maps JavaScript API, die im Mai 2026 veröffentlicht wird, nicht mehr verfügbar sein. Weitere Informationen finden Sie unter https://developers.google.com/maps/deprecations.

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

const {DrawingManager} = await google.maps.importLibrary("drawing");

Konstruktor
DrawingManager	DrawingManager([options]) Parameter: options: DrawingManagerOptions optional Erstellt ein DrawingManager-Objekt, mit dem Nutzer Overlays auf der Karte zeichnen und mit einem Zeichensteuerelement zwischen den Overlay-Typen wechseln können.

Methoden
getDrawingMode	getDrawingMode() Parameter: Keine Rückgabewert: OverlayType|null Gibt den Zeichenmodus des DrawingManager zurück.
getMap	getMap() Parameter: Keine Rückgabewert: Map|null Gibt die Map zurück, an die die DrawingManager angehängt ist. Das ist die Map, auf der die erstellten Overlays platziert werden.
setDrawingMode	setDrawingMode(drawingMode) Parameter: drawingMode: OverlayType optional 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. Der Zeichenmodus null bedeutet, dass der Nutzer wie gewohnt mit der Karte interagieren kann und durch Klicken nichts gezeichnet wird.
setMap	setMap(map) Parameter: map: Map optional Rückgabewert: Keiner Hängt das DrawingManager-Objekt an die angegebene Map an.
setOptions	setOptions(options) Parameter: options: DrawingManagerOptions optional Rückgabewert: Keiner Legt die Optionen für DrawingManager fest.
Übernommen: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Ereignisse
circlecomplete	function(circle) Argumente: circle: Circle optional Der Kreis, den der Nutzer gerade gezeichnet hat. Dieses Ereignis wird ausgelöst, wenn der Nutzer das Zeichnen eines Kreises beendet 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 optional 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 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 das Zeichnen eines Polygons abgeschlossen hat.
polylinecomplete	function(polyline) Argumente: polyline: Polyline optional Die Polylinie, die der Nutzer gerade gezeichnet hat. Dieses Ereignis wird ausgelöst, wenn der Nutzer das Zeichnen einer Polylinie abgeschlossen hat.
rectanglecomplete	function(rectangle) Argumente: rectangle: Rectangle optional Das Rechteck, das der Nutzer gerade gezeichnet hat. Dieses Ereignis wird ausgelöst, wenn der Nutzer das Zeichnen eines Rechtecks abgeschlossen hat.

DrawingManagerOptions-Schnittstelle

Schnittstelle google.maps.drawing.DrawingManagerOptions

Optionen für den DrawingManager.

Attribute
circleOptions optional	Typ: CircleOptions optional Optionen, die auf alle neuen Kreise angewendet werden, 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 Status der Zeichensteuerung (aktiviert/deaktiviert).
drawingControlOptions optional	Typ: DrawingControlOptions optional Die Anzeigeoptionen für das Zeichen-Steuerelement.
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 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 des DrawingManager festgelegt.
polygonOptions optional	Typ: PolygonOptions optional Optionen, die auf alle neuen Polygone angewendet werden, die mit diesem DrawingManager erstellt werden. Die Eigenschaft paths wird ignoriert und die Eigenschaft map eines neuen Polygons wird immer auf die Karte des DrawingManager festgelegt.
polylineOptions optional	Typ: PolylineOptions optional Optionen, die auf alle neuen Polylinien angewendet werden, die mit diesem DrawingManager erstellt werden. Die Eigenschaft path wird ignoriert und die Eigenschaft 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, die mit diesem DrawingManager erstellt werden. Die Eigenschaft bounds wird ignoriert und die Eigenschaft map eines neuen Rechtecks wird immer auf die Karte des DrawingManager-Objekts festgelegt.

Schnittstelle DrawingControlOptions

Schnittstelle google.maps.drawing.DrawingControlOptions

Optionen für das Rendern des Zeichen-Steuerelements.

Attribute
drawingModes optional	Typ: Array<OverlayType> optional Standard: [OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON] Die Zeichenmodi, die im Zeichen-Steuerelement 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 Standard: ControlPosition.TOP_LEFT Positions-ID. Hiermit wird die Position des Steuerelements auf der Karte festgelegt.

Schnittstelle OverlayCompleteEvent

Schnittstelle google.maps.drawing.OverlayCompleteEvent

Die Eigenschaften eines overlaycomplete-Ereignisses auf einem DrawingManager.

Attribute
overlay	Typ: Marker|Polygon|Polyline|Rectangle|Circle Das fertige Overlay.
type	Typ: OverlayType Der Typ des abgeschlossenen Overlays.

OverlayType-Konstanten

google.maps.drawing.OverlayType Konstanten
Bibliothek "drawing"

Die Arten von Overlays, die vom 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

Diese Konstanten können auch als Strings verwendet werden. In TypeScript werden die Stringliterale durch den Typ OverlayTypeString definiert.

const {OverlayType} = await google.maps.importLibrary("drawing");

Konstanten
CIRCLE	Gibt an, dass der DrawingManager Kreise erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay ein Kreis ist.
MARKER	Gibt an, dass der DrawingManager Markierungen erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay eine Markierung ist.
POLYGON	Gibt an, dass die DrawingManager Polygone erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay ein Polygon ist.
POLYLINE	Gibt an, dass der DrawingManager Polylinien erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay eine Polylinie ist.
RECTANGLE	Gibt an, dass der DrawingManager Rechtecke erstellt und dass das im overlaycomplete-Ereignis angegebene Overlay ein Rechteck ist.