Drawing Library

Klasse DrawingManager

google.maps.drawing.DrawingManager Kurs

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

Diese Klasse erweitert MVCObject.

Rufe const {DrawingManager} = await google.maps.importLibrary("drawing") auf, um auf die Daten zuzugreifen. 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 zu zeichnenden 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 den Map zurück, an den die DrawingManager angehängt ist. Das ist der Map, auf dem die erstellten Overlays platziert werden.
setDrawingMode
setDrawingMode(drawingMode)
Parameter: 
Rückgabewert:Keiner
Ändert den Zeichenmodus von DrawingManager, wodurch der Overlaytyp festgelegt wird, der der Karte hinzugefügt werden soll. Zulässige Werte sind 'marker', 'polygon', 'polyline', 'rectangle', 'circle' oder null. Ein Zeichenmodus von null bedeutet, dass der Nutzer wie gewohnt mit der Karte interagieren kann und Klicks nichts zeichnen.
setMap
setMap(map)
Parameter: 
Rückgabewert:Keiner
Hängt das DrawingManager-Objekt an das angegebene Map an.
setOptions
setOptions(options)
Parameter: 
Rückgabewert:Keiner
Hier legen Sie die Optionen für 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 fertig 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 gerade vom Nutzer gezeichnete Overlay zusammen mit dem Overlay-Typ.
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 mit dem Zeichnen eines Polygons fertig ist.
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 mit dem Zeichnen eines Rechtecks fertig ist.

DrawingManagerOptions-Schnittstelle

google.maps.drawing.DrawingManagerOptions Benutzeroberfläche

Optionen für den Zeichenmanager.
circleOptions optional
Typ:CircleOptions optional
Optionen, die auf alle neuen Kreise angewendet werden, die mit diesem DrawingManager erstellt werden. 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
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. Ein Zeichenmodus von null bedeutet, dass der Nutzer wie gewohnt mit der Karte interagieren kann und Klicks nichts zeichnen.
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 mit diesem DrawingManager erstellten Markierungen angewendet werden. Die Property position wird ignoriert und die Property map einer neuen Markierung wird immer auf die Karte 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 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 der DrawingManager festgelegt.
rectangleOptions optional
Typ:RectangleOptions optional
Optionen, die auf alle neuen Rechtecke angewendet werden, die mit diesem DrawingManager erstellt werden. Die Property bounds wird ignoriert und die Property map eines neuen Rechtecks wird immer auf die Karte DrawingManager festgelegt.

DrawingControlOptions-Oberfläche

google.maps.drawing.DrawingControlOptions Benutzeroberfläche

Optionen für das Rendering 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 (entspricht dem Zeichenmodus null) 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 Benutzeroberfläche

Die Eigenschaften eines „overlaycomplete“-Ereignisses auf einer DrawingManager.
overlay
Das fertige Overlay.
type
Der Typ des fertigen Overlays.

Konstanten für OverlayType

google.maps.drawing.OverlayType constants

Die Arten von Overlays, die mit der DrawingManager erstellt werden können. Geben Sie diese Werte anhand des Werts oder des Namens der Konstante an. Beispiel: 'polygon'oder google.maps.drawing.OverlayType.POLYGON

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