Polygons

Polyline-Klasse

google.maps.Polyline Kurs

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

Diese Klasse erweitert MVCObject.

Rufe const {Polyline} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstruktor

Polyline

Polyline([opts]) Parameter:  opts:  PolylineOptions optional Erstellen Sie eine Polylinie mit der übergebenen PolylineOptions, die 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 jedoch in MVCArray innerhalb der Polylinie konvertiert.

Methoden
getDraggable	getDraggable() Parameter:Keine Rückgabewert:boolean Gibt an, ob diese Form vom Nutzer verschoben werden kann.
getEditable	getEditable() Parameter:Keine Rückgabewert:boolean Gibt an, 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 an, 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 Ziehmodus definiert.
setEditable	setEditable(editable) Parameter:  editable:  boolean Rückgabewert:Keiner Wenn true festgelegt ist, kann der Nutzer diese Form bearbeiten, indem er die an den Eckpunkten und auf jedem Segment angezeigten Steuerpunkte zieht.
setMap	setMap(map) Parameter:  map:  Map optional Rückgabewert:Keiner Diese Form wird auf der angegebenen Karte gerendert. Wenn „Karte“ auf null gesetzt 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 Diese Polylinie wird ausgeblendet, wenn „false“ festgelegt ist.
Übernommen: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“ in Poyline 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 das Drücken der Umschalttaste und Klicken auf 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 Benutzeroberfläche

Mit dem PolylineOptions-Objekt werden die Eigenschaften definiert, die für eine Polylinie festgelegt werden können.

Attribute
clickable optional	Typ:boolean optional Standard:true Gibt an, ob diese 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 Ziehmodus definiert.
editable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer diese Form bearbeiten, indem er die an den Eckpunkten und auf jedem Segment angezeigten Steuerpunkte zieht.
geodesic optional	Typ:boolean optional Standard:false Bei true werden die Kanten des Polygons als geodätisch interpretiert und folgen der Krümmung der Erde. Bei false werden die Kanten des Polygons als gerade Linien im Bildschirmbereich 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 einer 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 Benutzeroberfläche

Beschreibt, wie Symbole in einer Zeile gerendert werden sollen.

Wenn die Polylinie geodätisch ist, werden die Abstände für „Offset“ und „Wiederholen“ 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. Bei false wird jedes Symbol in der Sequenz so gedreht, dass es an seinem Rand 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.

Polygon-Klasse

google.maps.Polygon Kurs

Ein Polygon definiert (wie eine Polylinie) eine Reihe verbundener Koordinaten in einer bestimmten Reihenfolge. Außerdem bilden Polygone einen geschlossenen Kreis und definieren eine ausgefüllte Fläche. Sehen Sie sich die Beispiele im Entwicklerhandbuch an, angefangen mit einem einfachen Polygon, einem Polygon mit einem Loch und mehr. Sie können ein Polygon auch mit der Datenebene erstellen. Die Data-Ebene bietet eine einfachere Möglichkeit zum Erstellen von Löchern, da die Reihenfolge der inneren und äußeren Pfade für Sie verwaltet wird.

Diese Klasse erweitert MVCObject.

Rufe const {Polygon} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstruktor

Polygon

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

Methoden
getDraggable	getDraggable() Parameter:Keine Rückgabewert:boolean Gibt an, ob diese Form vom Nutzer verschoben werden kann.
getEditable	getEditable() Parameter:Keine Rückgabewert:boolean Gibt an, 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 an, 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 Ziehmodus definiert.
setEditable	setEditable(editable) Parameter:  editable:  boolean Rückgabewert:Keiner Wenn true festgelegt ist, kann der Nutzer diese Form bearbeiten, indem er die an den Eckpunkten und auf jedem Segment angezeigten Steuerpunkte zieht.
setMap	setMap(map) Parameter:  map:  Map optional Rückgabewert:Keiner Diese Form wird auf der angegebenen Karte gerendert. Wenn „Karte“ auf null gesetzt 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 Diese Polylinie wird ausgeblendet, wenn „false“ festgelegt ist.
Übernommen: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 das Drücken der Umschalttaste und Klicken auf 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 Benutzeroberfläche

Mit dem PolygonOptions-Objekt werden die Eigenschaften definiert, die für ein Polygon festgelegt werden können.

Attribute
clickable optional	Typ:boolean optional Standard:true Gibt an, ob diese 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 Ziehmodus definiert.
editable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer diese Form bearbeiten, indem er die an den Eckpunkten und auf 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 Bei true werden die Kanten des Polygons als geodätisch interpretiert und folgen der Krümmung der Erde. Bei false werden die Kanten des Polygons als gerade Linien im Bildschirmbereich 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 Pfades nicht als letzten Eckpunkt. Einfache Polygone können mit einem einzelnen Array von LatLngs definiert werden. Für komplexere Polygone 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 Strichposition.
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 Benutzeroberfläche

Dieses Objekt wird von Mausereignissen auf Polylinien und Polygonen zurückgegeben.

Diese Schnittstelle erweitert MapMouseEvent.

Attribute
edge optional	Typ:number optional Der Index der Kante im Pfad unter dem Cursor, wenn das Ereignis an einem Mittelpunkt eines bearbeitbaren Polygons aufgetreten ist.
path optional	Typ:number optional Der Index des Pfads unter dem Cursor, wenn das Ereignis an einem Eckpunkt aufgetreten ist und das Polygon bearbeitbar ist. Andernfalls undefined.
vertex optional	Typ:number optional Der Index des Knotens, der sich unter dem Cursor befand, als das Ereignis eingetreten ist, sofern das Ereignis an einem Knoten aufgetreten ist und die Polylinie oder das Polygon bearbeitbar ist. Wenn das Ereignis nicht an einem Knoten auftritt, ist der Wert undefined.
Übernommen:domEvent, latLng

Methoden
Übernommen:stop

Rectangle-Klasse

google.maps.Rectangle Kurs

Ein rechteckiges Overlay.

Diese Klasse erweitert MVCObject.

Rufe const {Rectangle} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstruktor
Rectangle	Rectangle([opts]) Parameter:  opts:  RectangleOptions optional Erstellt ein Rechteck mit dem übergebenen RectangleOptions, das die Begrenzungen und den Stil angibt.

Methoden
getBounds	getBounds() Parameter:Keine Rückgabewert:LatLngBounds|null Gibt die Grenzen dieses Rechtecks zurück.
getDraggable	getDraggable() Parameter:Keine Rückgabewert:boolean Gibt an, ob dieses Rechteck vom Nutzer verschoben werden kann.
getEditable	getEditable() Parameter:Keine Rückgabewert:boolean Gibt an, 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 an, 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 über die Karte ziehen.
setEditable	setEditable(editable) Parameter:  editable:  boolean Rückgabewert:Keiner Wenn true festgelegt ist, kann der Nutzer dieses Rechteck bearbeiten, indem er die an den Ecken und an den Seiten angezeigten Steuerpunkte zieht.
setMap	setMap(map) Parameter:  map:  Map optional Rückgabewert:Keiner Gibt das Rechteck auf der angegebenen Karte wieder. Wenn „map“ 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 Wenn diese Option auf false gesetzt ist, wird das Rechteck ausgeblendet.
Übernommen:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Ereignisse
bounds_changed	function() Argumente:Keine Dieses Ereignis wird ausgelöst, wenn sich die Begrenzungen 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-Doppelklickereignis 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 ausgelöst, wenn der Mauszeiger den Rechteckbereich verlässt.
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 das Drücken der Umschalttaste und Klicken auf macOS zu unterstützen. function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das Rechteck mit der rechten Maustaste angeklickt wird.

RectangleOptions-Schnittstelle

google.maps.RectangleOptions Benutzeroberfläche

Mit dem RectangleOptions-Objekt werden die Eigenschaften definiert, 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 diese Rectangle Mausereignisse verarbeitet.
draggable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer dieses Rechteck über die Karte ziehen.
editable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer dieses Rechteck bearbeiten, indem er die an den Ecken und an den Seiten 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.
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 Strichposition.
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.

Kreis klasse

google.maps.Circle Kurs

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

Diese Klasse erweitert MVCObject.

Rufe const {Circle} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. 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 dem übergebenen CircleOptions, in dem Mittelpunkt, Radius und Stil angegeben sind.

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 an, ob dieser Kreis vom Nutzer verschoben werden kann.
getEditable	getEditable() Parameter:Keine Rückgabewert:boolean Gibt an, 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 über die Karte ziehen.
setEditable	setEditable(editable) Parameter:  editable:  boolean Rückgabewert:Keiner Wenn true festgelegt ist, kann der Nutzer diesen Kreis bearbeiten, indem er die Steuerpunkte 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 „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 Dieser Kreis wird ausgeblendet, wenn false festgelegt ist.
Übernommen: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-Klickereignis auf dem Kreis ausgelöst wird.
dblclick	function(event) Argumente:  event:  MapMouseEvent Dieses Ereignis wird ausgelöst, wenn das DOM-Doppelklickereignis auf dem 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 den 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.

Benutzeroberfläche CircleOptions

google.maps.CircleOptions Benutzeroberfläche

Mit dem CircleOptions-Objekt werden die Eigenschaften definiert, 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 diese Circle Mausereignisse verarbeitet.
draggable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer diesen Kreis über die Karte ziehen.
editable optional	Typ:boolean optional Standard:false Wenn true festgelegt ist, kann der Nutzer diesen Kreis bearbeiten, indem er die Steuerpunkte 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 Strichposition.
strokeWeight optional	Typ:number optional Die Linienstärke in Pixeln.
visible optional	Typ:boolean optional Standard:true Ob dieser Kreis auf der Karte sichtbar ist.
zIndex optional	Typ:number optional Der zIndex im Vergleich zu anderen Polys.

Konstanten für StrokePosition

google.maps.StrokePosition constants

Die möglichen Positionen des Strichs auf einem Polygon.

Rufe const {StrokePosition} = await google.maps.importLibrary("maps") auf, um auf die Daten zuzugreifen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

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