Polygons

Polyline-Klasse

google.maps.Polyline Klasse

Eine Polylinie ist ein lineares Overlay, das aus verbundenen Liniensegmenten auf der Karte besteht.

Diese Klasse erweitert MVCObject.

Zugriff durch Anrufen von const {Polyline} = await google.maps.importLibrary("maps").
Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstruktor

Polyline

Polyline([opts]) Parameter: opts:  PolylineOptions optional Erstellen Sie eine Polylinie mit dem übergebenen PolylineOptions, das sowohl den Pfad der Polylinie als auch den Strichstil angibt, der beim Zeichnen der Polylinie verwendet werden soll. Sie können beim Erstellen einer Polylinie entweder ein Array mit LatLng-Objekten oder ein MVCArray mit LatLng-Objekten übergeben. Einfache Arrays werden bei der Instanziierung in der Polylinie jedoch in MVCArray-Objekte konvertiert.

Methoden
getDraggable	getDraggable() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob diese Form vom Nutzer gezogen werden kann.
getEditable	getEditable() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob diese Form vom Nutzer bearbeitet werden kann.
getMap	getMap() Parameter:Keine Rückgabewert:Map|null Gibt die Karte zurück, an die diese Form angehängt ist.
getPath	getPath() Parameter:Keine Rückgabewert:MVCArray<LatLng> Ruft den Pfad ab.
getVisible	getVisible() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob dieses Polygon auf der Karte sichtbar ist.
setDraggable	setDraggable(draggable) Parameter: draggable:  boolean Rückgabewert:Keiner Wenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Drag-Modus definiert.
setEditable	setEditable(editable) Parameter: editable:  boolean Rückgabewert:Keiner Wenn diese Option auf true festgelegt ist, kann der Nutzer die Form bearbeiten, indem er die an den Eckpunkten und an jedem Segment angezeigten Steuerpunkte zieht.
setMap	setMap(map) Parameter: map:  Map optional Rückgabewert:Keiner Rendert diese Form auf der angegebenen Karte. Wenn „Karte“ auf null festgelegt ist, wird die Form entfernt.
setOptions	setOptions(options) Parameter: options:  PolylineOptions optional Rückgabewert:Keiner
setPath	setPath(path) Parameter: path:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> Rückgabewert:Keiner Legt den Pfad fest. Weitere Informationen finden Sie unter PolylineOptions.
setVisible	setVisible(visible) Parameter: visible:  boolean Rückgabewert:Keiner Wenn diese Option auf false gesetzt ist, wird das Polygon ausgeblendet.
Geerbt:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Ereignisse
click	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-click-Ereignis für die Polylinie ausgelöst wird.
contextmenu	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „contextmenu“ für die Polylinie ausgelöst wird.
dblclick	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-dblclick-Ereignis für die Polylinie ausgelöst wird.
drag	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird wiederholt ausgelöst, während der Nutzer die Polylinie zieht.
dragend	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Nutzer das Ziehen der Polylinie beendet.
dragstart	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Nutzer beginnt, die Polylinie zu ziehen.
mousedown	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-mousedown-Ereignis für die Polylinie ausgelöst wird.
mousemove	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-mousemove-Ereignis für die Polylinie ausgelöst wird.
mouseout	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt beim mouseout für das Polyline ein.
mouseover	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt beim mouseover für das Polyline ein.
mouseup	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-mouseup-Ereignis für die Polylinie ausgelöst wird.
rightclick	Verworfen:Verwenden Sie stattdessen das Ereignis Polyline.contextmenu, um Nutzungsmuster wie Strg+Klick unter macOS zu unterstützen. function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis wird ausgelöst, wenn mit der rechten Maustaste auf die Polylinie geklickt wird.

PolylineOptions-Schnittstelle

google.maps.PolylineOptions-Schnittstelle

Das PolylineOptions-Objekt wird verwendet, um die Eigenschaften zu definieren, die für eine Polylinie festgelegt werden können.

Attribute
clickable optional	Typ:boolean optional Standard:true Gibt an, ob dieses Polyline Mausereignisse verarbeitet.
draggable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Drag-Modus definiert.
editable optional	Typ:boolean optional Standard:false Wenn diese Option auf true festgelegt ist, kann der Nutzer die Form bearbeiten, indem er die an den Eckpunkten und an jedem Segment angezeigten Steuerpunkte zieht.
geodesic optional	Typ:boolean optional Standard:false Wenn true, werden die Kanten des Polygons als geodätisch interpretiert und folgen der Erdkrümmung. Bei false werden die Kanten des Polygons im Bildschirmkoordinatensystem als gerade Linien gerendert. Die Form eines geodätischen Polygons kann sich beim Ziehen ändern, da die Abmessungen relativ zur Erdoberfläche beibehalten werden.
icons optional	Typ:Array<IconSequence> optional Die Symbole, die entlang der Polylinie gerendert werden sollen.
map optional	Typ:Map optional Karte, auf der die Polylinie angezeigt werden soll.
path optional	Typ:MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional Die geordnete Reihenfolge der Koordinaten der Polylinie. Dieser Pfad kann entweder mit einem einfachen Array von LatLng oder mit einem MVCArray von LatLng angegeben werden. Wenn Sie ein einfaches Array übergeben, wird es in ein MVCArray konvertiert. Wenn Sie LatLngs in das MVCArray einfügen oder daraus entfernen, wird die Polylinie auf der Karte automatisch aktualisiert.
strokeColor optional	Typ:string optional Die Strichfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen.
strokeOpacity optional	Typ:number optional Die Deckkraft der Linie zwischen 0,0 und 1,0.
strokeWeight optional	Typ:number optional Die Linienstärke in Pixeln.
visible optional	Typ:boolean optional Standard:true Gibt an, ob diese Polylinie auf der Karte sichtbar ist.
zIndex optional	Typ:number optional Der zIndex im Vergleich zu anderen Polys.

IconSequence-Schnittstelle

google.maps.IconSequence-Schnittstelle

Beschreibt, wie Symbole auf einer Zeile gerendert werden sollen.

 Wenn Ihre Polylinie geodätisch ist, werden die für „offset“ und „repeat“ angegebenen Entfernungen standardmäßig in Metern berechnet. Wenn für „offset“ oder „repeat“ ein Pixelwert festgelegt ist, werden die Abstände auf dem Bildschirm in Pixeln berechnet.

Attribute
fixedRotation optional	Typ:boolean optional Standard:false Bei true hat jedes Symbol in der Sequenz dieselbe feste Drehung, unabhängig vom Winkel der Kante, auf der es liegt. Wenn false, wird jedes Symbol in der Sequenz so gedreht, dass es an der Kante ausgerichtet ist.
icon optional	Typ:Symbol optional Das Symbol, das auf der Linie gerendert werden soll.
offset optional	Typ:string optional Standard:'100%' Der Abstand vom Anfang der Linie, in dem ein Symbol gerendert werden soll. Er kann als Prozentsatz der Linienlänge (z.B. „50 %“) oder in Pixeln (z.B. „50 px“) ausgedrückt werden.
repeat optional	Typ:string optional Standard:0 Der Abstand zwischen zwei aufeinanderfolgenden Symbolen auf der Linie. Er kann als Prozentsatz der Linienlänge (z.B. „50 %“) oder in Pixeln (z.B. „50 px“) ausgedrückt werden. Geben Sie "0" an, um die Wiederholung des Symbols zu deaktivieren.

Klasse Polygon

google.maps.Polygon Klasse

Ein Polygon (wie eine Polylinie) definiert eine Reihe von verbundenen Koordinaten in einer bestimmten Abfolge. Außerdem bilden Polygone einen geschlossenen Pfad und definieren einen gefüllten Bereich. Sehen Sie sich die Beispiele im Entwicklerhandbuch an, beginnend mit einem einfachen Polygon, einem Polygon mit einem Loch und mehr. Sie können auch die Datenebene verwenden, um ein Polygon zu erstellen. Die Data-Ebene bietet eine einfachere Möglichkeit zum Erstellen von Löchern, da sie die Reihenfolge der inneren und äußeren Pfade für Sie verwaltet.

Diese Klasse erweitert MVCObject.

Zugriff durch Anrufen von const {Polygon} = await google.maps.importLibrary("maps").
Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstruktor

Polygon

Polygon([opts]) Parameter: opts:  PolygonOptions optional Erstellt ein Polygon mit den übergebenen PolygonOptions, die den Pfad des Polygons, den Strichstil für die Kanten des Polygons und den Füllstil für die inneren Bereiche des Polygons angeben. Ein Polygon kann einen oder mehrere Pfade enthalten, wobei jeder Pfad aus einem Array von LatLng besteht. Beim Erstellen dieser Pfade können Sie entweder ein Array von LatLngs oder ein MVCArray von LatLngs übergeben. Arrays werden bei der Instanziierung in MVCArrays innerhalb des Polygons umgewandelt.

Methoden
getDraggable	getDraggable() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob diese Form vom Nutzer gezogen werden kann.
getEditable	getEditable() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob diese Form vom Nutzer bearbeitet werden kann.
getMap	getMap() Parameter:Keine Rückgabewert:Map|null Gibt die Karte zurück, an die diese Form angehängt ist.
getPath	getPath() Parameter:Keine Rückgabewert:MVCArray<LatLng> Ruft den ersten Pfad ab.
getPaths	getPaths() Parameter:Keine Rückgabewert:MVCArray<MVCArray<LatLng>> Ruft die Pfade für dieses Polygon ab.
getVisible	getVisible() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob dieses Polygon auf der Karte sichtbar ist.
setDraggable	setDraggable(draggable) Parameter: draggable:  boolean Rückgabewert:Keiner Wenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Drag-Modus definiert.
setEditable	setEditable(editable) Parameter: editable:  boolean Rückgabewert:Keiner Wenn diese Option auf true festgelegt ist, kann der Nutzer die Form bearbeiten, indem er die an den Eckpunkten und an jedem Segment angezeigten Steuerpunkte zieht.
setMap	setMap(map) Parameter: map:  Map optional Rückgabewert:Keiner Rendert diese Form auf der angegebenen Karte. Wenn „Karte“ auf null festgelegt ist, wird die Form entfernt.
setOptions	setOptions(options) Parameter: options:  PolygonOptions optional Rückgabewert:Keiner
setPath	setPath(path) Parameter: path:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> Rückgabewert:Keiner Legt den ersten Pfad fest. Weitere Informationen finden Sie unter PolygonOptions.
setPaths	setPaths(paths) Parameter: paths:  MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> Rückgabewert:Keiner Legt den Pfad für dieses Polygon fest.
setVisible	setVisible(visible) Parameter: visible:  boolean Rückgabewert:Keiner Wenn diese Option auf false gesetzt ist, wird das Polygon ausgeblendet.
Geerbt:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Ereignisse
click	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-click-Ereignis für das Polygon ausgelöst wird.
contextmenu	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „contextmenu“ für das Polygon ausgelöst wird.
dblclick	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-dblclick-Ereignis für das Polygon ausgelöst wird.
drag	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird wiederholt ausgelöst, während der Nutzer das Polygon zieht.
dragend	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Nutzer das Ziehen des Polygons beendet.
dragstart	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Nutzer beginnt, das Polygon zu ziehen.
mousedown	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-mousedown-Ereignis für das Polygon ausgelöst wird.
mousemove	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-mouseover-Ereignis für das Polygon ausgelöst wird.
mouseout	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt beim mouseout für das Polygon ein.
mouseover	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt beim mouseover für das Polygon ein.
mouseup	function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis tritt ein, wenn das DOM-mouseup-Ereignis für das Polygon ausgelöst wird.
rightclick	Verworfen:Verwenden Sie stattdessen das Ereignis Polygon.contextmenu, um Nutzungsmuster wie Strg+Klick unter macOS zu unterstützen. function(event) Argumente:  event:  PolyMouseEvent Dieses Ereignis wird ausgelöst, wenn mit der rechten Maustaste auf das Polygon geklickt wird.

PolygonOptions-Schnittstelle

google.maps.PolygonOptions-Schnittstelle

PolygonOptions-Objekt zum Definieren der Eigenschaften, die für ein Polygon festgelegt werden können.

Attribute
clickable optional	Typ:boolean optional Standard:true Gibt an, ob dieses Polygon Mausereignisse verarbeitet.
draggable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Drag-Modus definiert.
editable optional	Typ:boolean optional Standard:false Wenn diese Option auf true festgelegt ist, kann der Nutzer die Form bearbeiten, indem er die an den Eckpunkten und an jedem Segment angezeigten Steuerpunkte zieht.
fillColor optional	Typ:string optional Die Füllfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen.
fillOpacity optional	Typ:number optional Die Deckkraft der Füllung zwischen 0.0 und 1.0.
geodesic optional	Typ:boolean optional Standard:false Wenn true, werden die Kanten des Polygons als geodätisch interpretiert und folgen der Erdkrümmung. Bei false werden die Kanten des Polygons im Bildschirmkoordinatensystem als gerade Linien gerendert. Die Form eines geodätischen Polygons kann sich beim Ziehen ändern, da die Abmessungen relativ zur Erdoberfläche beibehalten werden.
map optional	Typ:Map optional Karte, auf der das Polygon angezeigt werden soll.
paths optional	Typ:MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional Die geordnete Reihenfolge der Koordinaten, mit denen eine geschlossene Schlaufe beschrieben wird. Im Gegensatz zu Polylinien kann ein Polygon aus einem oder mehreren Pfaden bestehen. Daher kann die Eigenschaft „paths“ ein oder mehrere Arrays von LatLng-Koordinaten angeben. Pfade werden automatisch geschlossen. Wiederholen Sie den ersten Eckpunkt des Pfads nicht als letzten Eckpunkt. Einfache Polygone können mit einem einzelnen Array von LatLngs definiert werden. Bei komplexeren Polygonen kann ein Array von Arrays angegeben werden. Alle einfachen Arrays werden in MVCArray konvertiert. Wenn Sie LatLng in die MVCArray einfügen oder daraus entfernen, wird das Polygon auf der Karte automatisch aktualisiert.
strokeColor optional	Typ:string optional Die Strichfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen.
strokeOpacity optional	Typ:number optional Die Deckkraft der Linie zwischen 0.0 und 1.0.
strokePosition optional	Typ:StrokePosition optional Standard:StrokePosition.CENTER Die Position des Strichs.
strokeWeight optional	Typ:number optional Die Linienstärke in Pixeln.
visible optional	Typ:boolean optional Standard:true Gibt an, ob dieses Polygon auf der Karte sichtbar ist.
zIndex optional	Typ:number optional Der zIndex im Vergleich zu anderen Polys.

PolyMouseEvent-Schnittstelle

google.maps.PolyMouseEvent-Schnittstelle

Dieses Objekt wird von Mausereignissen für Polylinien und Polygone zurückgegeben.

Diese Schnittstelle erweitert MapMouseEvent.

Attribute
edge optional	Typ:number optional Der Index der Kante im Pfad unter dem Cursor, als das Ereignis eingetreten ist, falls das Ereignis an einem Mittelpunkt eines bearbeitbaren Polygons eingetreten ist.
path optional	Typ:number optional Der Index des Pfads unter dem Cursor, als das Ereignis aufgetreten ist, falls das Ereignis an einem Knotenpunkt aufgetreten ist und das Polygon bearbeitet werden kann. Andernfalls undefined.
vertex optional	Typ:number optional Der Index des Scheitelpunkts unter dem Cursor, als das Ereignis eingetreten ist, sofern das Ereignis an einem Scheitelpunkt eingetreten ist und die Polylinie oder das Polygon bearbeitet werden kann. Wenn das Ereignis nicht an einem Knotenpunkt auftritt, ist der Wert undefined.
Übernommen:domEvent, latLng

Methoden
Übernommen:stop

Klasse Rectangle

google.maps.Rectangle Klasse

Ein rechteckiges Overlay.

Diese Klasse erweitert MVCObject.

Zugriff durch Anrufen von const {Rectangle} = await google.maps.importLibrary("maps").
Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstruktor
Rectangle	Rectangle([opts]) Parameter: opts:  RectangleOptions optional Erstellt ein Rechteck mit den übergebenen RectangleOptions, die die Grenzen und den Stil angeben.

Methoden
getBounds	getBounds() Parameter:Keine Rückgabewert:LatLngBounds|null Gibt die Grenzen dieses Rechtecks zurück.
getDraggable	getDraggable() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob dieses Rechteck vom Nutzer gezogen werden kann.
getEditable	getEditable() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob dieses Rechteck vom Nutzer bearbeitet werden kann.
getMap	getMap() Parameter:Keine Rückgabewert:Map|null Gibt die Karte zurück, auf der dieses Rechteck angezeigt wird.
getVisible	getVisible() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob dieses Rechteck auf der Karte sichtbar ist.
setBounds	setBounds(bounds) Parameter: bounds:  LatLngBounds|LatLngBoundsLiteral optional Rückgabewert:Keiner Legt die Grenzen dieses Rechtecks fest.
setDraggable	setDraggable(draggable) Parameter: draggable:  boolean Rückgabewert:Keiner Wenn true festgelegt ist, kann der Nutzer dieses Rechteck auf der Karte verschieben.
setEditable	setEditable(editable) Parameter: editable:  boolean Rückgabewert:Keiner Wenn diese Option auf true festgelegt ist, kann der Nutzer das Rechteck bearbeiten, indem er die an den Ecken und an jeder Kante angezeigten Kontrollpunkte zieht.
setMap	setMap(map) Parameter: map:  Map optional Rückgabewert:Keiner Gibt das Rechteck auf der angegebenen Karte wieder. Wenn die Karte auf null gesetzt ist, wird das Rechteck entfernt.
setOptions	setOptions(options) Parameter: options:  RectangleOptions optional Rückgabewert:Keiner
setVisible	setVisible(visible) Parameter: visible:  boolean Rückgabewert:Keiner Blendet dieses Rechteck aus, wenn es auf false gesetzt ist.
Geerbt:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Ereignisse
bounds_changed	function() Argumente:Keine Dieses Ereignis wird ausgelöst, wenn sich die Grenzen des Rechtecks ändern.
click	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Klickereignis für das Rechteck ausgelöst wird.
contextmenu	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „contextmenu“ für das Rechteck ausgelöst wird.
dblclick	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „dblclick“ für das Rechteck ausgelöst wird.
drag	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird wiederholt ausgelöst, während der Nutzer das Rechteck zieht.
dragend	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Nutzer das Ziehen des Rechtecks beendet.
dragstart	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Nutzer beginnt, das Rechteck zu ziehen.
mousedown	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „mousedown“ für das Rechteck ausgelöst wird.
mousemove	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „mousemove“ für das Rechteck ausgelöst wird.
mouseout	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird bei Mouseout-Vorgängen für Rechtecke ausgelöst.
mouseover	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Mauszeiger auf ein Rechteck bewegt wird.
mouseup	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „mouseup“ für das Rechteck ausgelöst wird.
rightclick	Verworfen:Verwenden Sie stattdessen das Ereignis Rectangle.contextmenu, um Nutzungsmuster wie Strg+Klick unter macOS zu unterstützen. function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn mit der rechten Maustaste auf das Rechteck geklickt wird.

RectangleOptions-Schnittstelle

google.maps.RectangleOptions-Schnittstelle

Das RectangleOptions-Objekt wird verwendet, um die Eigenschaften zu definieren, die für ein Rechteck festgelegt werden können.

Attribute
bounds optional	Typ:LatLngBounds|LatLngBoundsLiteral optional Die Grenzen.
clickable optional	Typ:boolean optional Standard:true Gibt an, ob dieses Rectangle Mausereignisse verarbeitet.
draggable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer dieses Rechteck auf der Karte verschieben.
editable optional	Typ:boolean optional Standard:false Wenn diese Option auf true festgelegt ist, kann der Nutzer das Rechteck bearbeiten, indem er die an den Ecken und an jeder Kante angezeigten Kontrollpunkte zieht.
fillColor optional	Typ:string optional Die Füllfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen.
fillOpacity optional	Typ:number optional Die Deckkraft der Füllung zwischen 0.0 und 1.0.
map optional	Typ:Map optional Karte, auf der das Rechteck angezeigt werden soll.
strokeColor optional	Typ:string optional Die Strichfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen.
strokeOpacity optional	Typ:number optional Die Deckkraft der Linie zwischen 0.0 und 1.0.
strokePosition optional	Typ:StrokePosition optional Standard:StrokePosition.CENTER Die Position des Strichs.
strokeWeight optional	Typ:number optional Die Linienstärke in Pixeln.
visible optional	Typ:boolean optional Standard:true Gibt an, ob dieses Rechteck auf der Karte sichtbar ist.
zIndex optional	Typ:number optional Der zIndex im Vergleich zu anderen Polys.

Klasse Circle

google.maps.Circle Klasse

Ein Kreis auf der Oberfläche der Erde; auch als "Kalotte" oder "Kugelkappe" bezeichnet.

Diese Klasse erweitert MVCObject.

Zugriff durch Anrufen von const {Circle} = await google.maps.importLibrary("maps").
Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstruktor
Circle	Circle([circleOrCircleOptions]) Parameter: circleOrCircleOptions:  Circle|CircleLiteral|CircleOptions optional Erstellt einen Kreis mit den übergebenen CircleOptions, die das Zentrum, den Radius und den Stil angeben.

Methoden
getBounds	getBounds() Parameter:Keine Rückgabewert:LatLngBounds|null Ruft den LatLngBounds dieses Kreises ab.
getCenter	getCenter() Parameter:Keine Rückgabewert:LatLng|null Gibt den Mittelpunkt dieses Kreises zurück.
getDraggable	getDraggable() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob der Nutzer diesen Kreis ziehen kann.
getEditable	getEditable() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob dieser Kreis vom Nutzer bearbeitet werden kann.
getMap	getMap() Parameter:Keine Rückgabewert:Map|null Gibt die Karte zurück, auf der dieser Kreis angezeigt wird.
getRadius	getRadius() Parameter:Keine Rückgabewert:number Gibt den Radius dieses Kreises zurück (in Metern).
getVisible	getVisible() Parameter:Keine Rückgabewert:boolean Gibt zurück, ob dieser Kreis auf der Karte sichtbar ist.
setCenter	setCenter(center) Parameter: center:  LatLng|LatLngLiteral optional Rückgabewert:Keiner Legt den Mittelpunkt dieses Kreises fest.
setDraggable	setDraggable(draggable) Parameter: draggable:  boolean Rückgabewert:Keiner Wenn true festgelegt ist, kann der Nutzer diesen Kreis auf der Karte verschieben.
setEditable	setEditable(editable) Parameter: editable:  boolean Rückgabewert:Keiner Wenn diese Option auf true festgelegt ist, kann der Nutzer den Kreis bearbeiten, indem er die Kontrollpunkte in der Mitte und am Umfang des Kreises zieht.
setMap	setMap(map) Parameter: map:  Map optional Rückgabewert:Keiner Gibt den Kreis auf der angegebenen Karte wieder. Wenn die Karte auf null gesetzt ist, wird der Kreis entfernt.
setOptions	setOptions(options) Parameter: options:  CircleOptions optional Rückgabewert:Keiner
setRadius	setRadius(radius) Parameter: radius:  number Rückgabewert:Keiner Legt den Radius dieses Kreises fest (in Metern).
setVisible	setVisible(visible) Parameter: visible:  boolean Rückgabewert:Keiner Blendet diesen Kreis aus, wenn er auf false gesetzt ist.
Geerbt:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Ereignisse
center_changed	function() Argumente:Keine Dieses Ereignis wird ausgelöst, wenn sich der Mittelpunkt des Kreises ändert.
click	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Click-Ereignis für den Kreis ausgelöst wird.
dblclick	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „dblclick“ für den Kreis ausgelöst wird.
drag	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird wiederholt ausgelöst, während der Nutzer den Kreis zieht.
dragend	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Nutzer das Ziehen des Kreises beendet.
dragstart	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Nutzer beginnt, den Kreis zu ziehen.
mousedown	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „mousedown“ für den Kreis ausgelöst wird.
mousemove	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „mousemove“ für den Kreis ausgelöst wird.
mouseout	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Mauszeiger den Kreis verlässt.
mouseover	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn der Mauszeiger auf einen Kreis bewegt wird.
mouseup	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „mouseup“ für den Kreis ausgelöst wird.
radius_changed	function() Argumente:Keine Dieses Ereignis wird ausgelöst, wenn sich der Radius des Kreises ändert.
rightclick	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn mit der rechten Maustaste auf den Kreis geklickt wird.

CircleOptions-Schnittstelle

google.maps.CircleOptions-Schnittstelle

CircleOptions-Objekt zum Definieren der Eigenschaften, die für einen Kreis festgelegt werden können.

Attribute
center optional	Typ:LatLng|LatLngLiteral optional Der Mittelpunkt des Kreises.
clickable optional	Typ:boolean optional Standard:true Gibt an, ob dieses Circle Mausereignisse verarbeitet.
draggable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer diesen Kreis auf der Karte verschieben.
editable optional	Typ:boolean optional Standard:false Wenn diese Option auf true festgelegt ist, kann der Nutzer den Kreis bearbeiten, indem er die Kontrollpunkte in der Mitte und am Umfang des Kreises zieht.
fillColor optional	Typ:string optional Die Füllfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen.
fillOpacity optional	Typ:number optional Die Deckkraft der Füllung zwischen 0,0 und 1,0.
map optional	Typ:Map optional Karte, auf der der Kreis angezeigt werden soll.
radius optional	Typ:number optional Der Radius in Metern auf der Erdoberfläche.
strokeColor optional	Typ:string optional Die Strichfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen.
strokeOpacity optional	Typ:number optional Die Deckkraft der Linie zwischen 0,0 und 1,0.
strokePosition optional	Typ:StrokePosition optional Standard:StrokePosition.CENTER Die Position des Strichs.
strokeWeight optional	Typ:number optional Die Linienstärke in Pixeln.
visible optional	Typ:boolean optional Standard:true Gibt an, ob dieser Kreis auf der Karte sichtbar ist.
zIndex optional	Typ:number optional Der zIndex im Vergleich zu anderen Polys.

StrokePosition-Konstanten

google.maps.StrokePosition Konstanten

Die möglichen Positionen des Strichs auf einem Polygon.

Zugriff durch Anrufen von const {StrokePosition} = await google.maps.importLibrary("maps").
Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstanten
CENTER	Der Strich wird auf dem Pfad des Polygons zentriert. Die Hälfte des Strichs befindet sich innerhalb des Polygons und die Hälfte außerhalb.
INSIDE	Der Strich liegt innerhalb des Polygons.
OUTSIDE	Der Strich liegt außerhalb des Polygons.