Drawing Library

Klasse DrawingManager

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

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");
DrawingManager
DrawingManager([options])
Parameter:
Erstellt ein DrawingManager-Objekt, 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 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:
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:
Rückgabewert: Keiner
Legt die Optionen für DrawingManager fest.
Übernommen: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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.
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.
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.
overlay
Das fertige Overlay.
type
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");
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.