Polygons

Polylinie

google.maps.Polyline Klasse

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

Diese Klasse erweitert MVCObject.

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

Polyline
Polyline([opts])
Parameter:
Erstellen Sie eine Polylinie anhand der übergebenen PolylineOptions, in denen sowohl der Pfad der Polylinie als auch der Strichstil festgelegt werden, der beim Zeichnen der Polylinie verwendet werden soll. Sie können beim Konstruieren einer Polylinie entweder ein Array mit LatLng-Werten oder ein MVCArray mit LatLng-Werten übergeben. Einfache Arrays werden jedoch nach der Instanziierung innerhalb der Polylinie in MVCArrays konvertiert.
getDraggable
getDraggable()
Parameter:Keine
Rückgabewert:  boolean
Gibt an, ob diese Form vom Nutzer gezogen 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 das Poly auf der Karte sichtbar ist.
setDraggable
setDraggable(draggable)
Parameter:
  • draggableboolean
Rückgabewert:Keine
Wenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Modus des Ziehens definiert.
setEditable
setEditable(editable)
Parameter:
  • editableboolean
Rückgabewert:Keine
Wenn true festgelegt ist, kann der Nutzer diese Form durch Ziehen der Kontrollpunkte an den Eckpunkten und in jedem Segment bearbeiten.
setMap
setMap(map)
Parameter:
  • mapMap optional
Rückgabewert:Keine
Rendert diese Form auf der angegebenen Karte. Wenn für die Karte null festgelegt ist, wird die Form entfernt.
setOptions
setOptions(options)
Parameter:
Rückgabewert:Keine
setPath
setPath(path)
Parameter:
Rückgabewert:Keine
Legt den Pfad fest. Weitere Informationen finden Sie unter PolylineOptions.
setVisible
setVisible(visible)
Parameter:
  • visibleboolean
Rückgabewert:Keine
Blendet das Poly aus, wenn es auf false gesetzt ist.
Übernommen: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-click-Ereignis für die Polylinie ausgelöst wird.
contextmenu
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-Kontextmenüereignis für Poyline ausgelöst wird.
dblclick
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-dblclick-Ereignis für die Polylinie ausgelöst wird.
drag
function(event)
Argumente: 
Dieses Ereignis wird wiederholt ausgelöst, während der Nutzer die Polylinie zieht.
dragend
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Ziehen der Polylinie beendet.
dragstart
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer beginnt, die Polylinie zu ziehen.
mousedown
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mousedown-Ereignis für die Polylinie ausgelöst wird.
mousemove
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mousemove-Ereignis für die Polylinie ausgelöst wird.
mouseout
function(event)
Argumente: 
Dieses Ereignis tritt beim mouseout für das Polyline ein.
mouseover
function(event)
Argumente: 
Dieses Ereignis tritt beim mouseover für das Polyline ein.
mouseup
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mouseup-Ereignis für die Polylinie ausgelöst wird.
rightclick
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn mit der rechten Maustaste auf die Polylinie geklickt wird.

PolylineOptions-Schnittstelle

google.maps.PolylineOptions-Schnittstelle

PolyOptions-Objekt verwendet, das zum Definieren der Eigenschaften für eine Polylinie verwendet wird.

clickable optional
Typ:boolean optional
Standardwert: true
Gibt an, ob dieses Polyline Mausereignisse verarbeitet.
draggable optional
Typ:boolean optional
Standardwert: false
Wenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Modus des Ziehens definiert.
editable optional
Typ:boolean optional
Standardwert: false
Wenn true festgelegt ist, kann der Nutzer diese Form durch Ziehen der Kontrollpunkte an den Eckpunkten und in jedem Segment bearbeiten.
geodesic optional
Typ:boolean optional
Standardwert: false
Bei true werden die Kanten des Polygons als geodätisch interpretiert und folgen der Krümmung der Erde. Bei false werden die Ränder des Polygons auf dem Bildschirm als gerade Linien gerendert. Beachten Sie, dass sich die Form eines geodätischen Polygons beim Ziehen ändern kann, 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
Die geordnete Reihenfolge der Koordinaten der Polylinie. Dieser Pfad kann entweder mit einem einfachen Array aus LatLng-Werten oder einem MVCArray-Wert aus LatLng-Werten angegeben werden. Wenn Sie ein einfaches Array übergeben, wird es in ein MVCArray konvertiert. Durch Einfügen oder Entfernen von LatLngs in MVCArray 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 des Strichs zwischen 0,0 und 1,0.
strokeWeight optional
Typ:number optional
Die Strichbreite in Pixeln.
visible optional
Typ:boolean optional
Standardwert: true
Gibt an, ob die Polylinie auf der Karte sichtbar ist.
zIndex optional
Typ:number optional
Der zIndex im Vergleich zu anderen Polys.

IconSequence-Oberfläche

google.maps.IconSequence-Schnittstelle

Beschreibt, wie Symbole auf einer Linie gerendert werden.

Wenn die Polylinie geodätisch ist, werden die für den Versatz und die Wiederholung angegebenen Abstände standardmäßig in Metern berechnet. Wenn Sie für „Versatz“ oder „Wiederholen“ einen Pixelwert festlegen, werden die Abstände auf dem Bildschirm in Pixeln berechnet.

fixedRotation optional
Typ:boolean optional
Standardwert: false
Wenn true festgelegt ist, hat jedes Symbol in der Abfolge dieselbe feste Drehung, unabhängig vom Winkel des Rands, an dem es liegt. Bei false wird jedes Symbol in der Abfolge so gedreht, dass es an seinem Rand ausgerichtet ist.
icon optional
Typ:Symbol optional
Das auf der Linie zu rendernde Symbol.
offset optional
Typ:string optional
Standardwert: '100%'
Der Abstand vom Anfang der Linie, in dem ein Symbol gerendert werden soll. Dieser Abstand kann als Prozentsatz der Zeilenlänge (z.B. „50 %“) oder in Pixeln (z.B. „50 px“) ausgedrückt werden.
repeat optional
Typ:string optional
Standardwert: 0
Der Abstand zwischen zwei aufeinanderfolgenden Symbolen auf der Linie. Dieser Abstand 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 Klasse

Ein Polygon definiert ähnlich wie eine Polylinie eine Reihe verbundener Koordinaten in einer geordneten Reihenfolge. Darüber hinaus bilden Polygone eine geschlossene Schleife und definieren einen ausgefüllten Bereich. Sehen Sie sich die Beispiele im Entwicklerhandbuch an, beginnend mit einem einfachen Polygon oder einem Polygon mit einem Loch. Sie können auch die Datenschicht 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 übernimmt.

Diese Klasse erweitert MVCObject.

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

Polygon
Polygon([opts])
Parameter:
Erstellen Sie ein Polygon anhand der übergebenen PolygonOptions, in denen der Pfad des Polygons, der Strichstil für die Kanten des Polygons und der Füllstil für die Innenräume des Polygons festgelegt werden. Ein Polygon kann einen oder mehrere Pfade enthalten, wobei jeder Pfad aus einem Array von LatLng-Werten besteht. Sie können beim Erstellen dieser Pfade entweder ein Array mit LatLngs oder ein MVCArray mit LatLng-Werten übergeben. Arrays werden nach der Instanziierung innerhalb des Polygons in MVCArrays konvertiert.
getDraggable
getDraggable()
Parameter:Keine
Rückgabewert:  boolean
Gibt an, ob diese Form vom Nutzer gezogen 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 das Poly auf der Karte sichtbar ist.
setDraggable
setDraggable(draggable)
Parameter:
  • draggableboolean
Rückgabewert:Keine
Wenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Modus des Ziehens definiert.
setEditable
setEditable(editable)
Parameter:
  • editableboolean
Rückgabewert:Keine
Wenn true festgelegt ist, kann der Nutzer diese Form durch Ziehen der Kontrollpunkte an den Eckpunkten und in jedem Segment bearbeiten.
setMap
setMap(map)
Parameter:
  • mapMap optional
Rückgabewert:Keine
Rendert diese Form auf der angegebenen Karte. Wenn für die Karte null festgelegt ist, wird die Form entfernt.
setOptions
setOptions(options)
Parameter:
Rückgabewert:Keine
setPath
setPath(path)
Parameter:
Rückgabewert:Keine
Legt den ersten Pfad fest. Weitere Informationen finden Sie unter PolygonOptions.
setPaths
setPaths(paths)
Rückgabewert:Keine
Legt den Pfad für dieses Polygon fest.
setVisible
setVisible(visible)
Parameter:
  • visibleboolean
Rückgabewert:Keine
Blendet das Poly aus, wenn es auf false gesetzt ist.
Übernommen: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-click-Ereignis für das Polygon ausgelöst wird.
contextmenu
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-Kontextmenüereignis für das Polygon ausgelöst wird.
dblclick
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-dblclick-Ereignis für das Polygon ausgelöst wird.
drag
function(event)
Argumente: 
Dieses Ereignis wird wiederholt ausgelöst, während der Nutzer das Polygon zieht.
dragend
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Ziehen des Polygons beendet.
dragstart
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer beginnt, das Polygon zu ziehen.
mousedown
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mousedown-Ereignis für das Polygon ausgelöst wird.
mousemove
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mouseover-Ereignis für das Polygon ausgelöst wird.
mouseout
function(event)
Argumente: 
Dieses Ereignis tritt beim mouseout für das Polygon ein.
mouseover
function(event)
Argumente: 
Dieses Ereignis tritt beim mouseover für das Polygon ein.
mouseup
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mouseup-Ereignis für das Polygon ausgelöst wird.
rightclick
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn mit der rechten Maustaste auf das Polygon geklickt wird.

PolygonOptions-Schnittstelle an.

google.maps.PolygonOptions-Schnittstelle

PolygonOptions-Objekt verwendet werden, um die Eigenschaften zu definieren, die für ein Polygon festgelegt werden können.

clickable optional
Typ:boolean optional
Standardwert: true
Gibt an, ob dieses Polygon Mausereignisse verarbeitet.
draggable optional
Typ:boolean optional
Standardwert: false
Wenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Modus des Ziehens definiert.
editable optional
Typ:boolean optional
Standardwert: false
Wenn true festgelegt ist, kann der Nutzer diese Form durch Ziehen der Kontrollpunkte an den Eckpunkten und in jedem Segment bearbeiten.
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
Standardwert: false
Bei true werden die Kanten des Polygons als geodätisch interpretiert und folgen der Krümmung der Erde. Bei false werden die Ränder des Polygons auf dem Bildschirm als gerade Linien gerendert. Beachten Sie, dass sich die Form eines geodätischen Polygons beim Ziehen ändern kann, da die Abmessungen relativ zur Erdoberfläche beibehalten werden.
map optional
Typ:Map optional
Karte, auf der das Polygon angezeigt werden soll.
paths 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 können in der Pfadeigenschaft ein oder mehrere Arrays mit LatLng-Koordinaten angegeben sein. Pfade werden automatisch geschlossen. Der erste Eckpunkt des Pfads darf nicht als letzter Scheitelpunkt verwendet werden. Einfache Polygone können mit einem einzelnen LatLng-Array definiert werden. Für komplexere Polygone kann ein Array aus Arrays angegeben werden. Alle einfachen Arrays werden in MVCArrays konvertiert. Wenn Sie LatLng-Elemente in MVCArray einfügen oder 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
Standardwert: StrokePosition.CENTER
Die Strichposition.
strokeWeight optional
Typ:number optional
Die Strichbreite in Pixeln.
visible optional
Typ:boolean optional
Standardwert: 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 auf Polylinien und Polygonen zurückgegeben.

Diese Schnittstelle erweitert MapMouseEvent.

edge optional
Typ:number optional
Der Index der Kante innerhalb des Pfads, die unterhalb des Cursors liegt, als das Ereignis eingetreten ist, wenn das Ereignis an einem Mittelpunkt eines bearbeitbaren Polygons aufgetreten ist.
path optional
Typ:number optional
Der Index des Pfads unter dem Cursor beim Eintreten des Ereignisses, wenn das Ereignis auf einem Scheitelpunkt aufgetreten ist und das Polygon bearbeitet werden kann. Andernfalls undefined.
vertex optional
Typ:number optional
Der Index des Scheitelpunkts unter dem Cursor beim Eintreten des Ereignisses, wenn das Ereignis auf einem Scheitelpunkt aufgetreten ist und die Polylinie oder das Polygon bearbeitet werden kann. Tritt das Ereignis nicht auf einem Scheitelpunkt auf, lautet der Wert undefined.
Übernommen: domEvent, latLng
Übernommen: stop

Rectangle-Klasse

google.maps.Rectangle Klasse

Ein rechteckiges Overlay.

Diese Klasse erweitert MVCObject.

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

Rectangle
Rectangle([opts])
Parameter:
Erstellt ein Rechteck anhand der übergebenen RectangleOptions, die die Grenzen und den Stil angeben.
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 gezogen 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 zurück, ob dieses Rechteck auf der Karte sichtbar ist.
setBounds
setBounds(bounds)
Parameter:
Rückgabewert:Keine
Legt die Grenzen dieses Rechtecks fest.
setDraggable
setDraggable(draggable)
Parameter:
  • draggableboolean
Rückgabewert:Keine
Wenn true festgelegt ist, kann der Nutzer dieses Rechteck über die Karte ziehen.
setEditable
setEditable(editable)
Parameter:
  • editableboolean
Rückgabewert:Keine
Wenn true festgelegt ist, kann der Nutzer dieses Rechteck durch Ziehen der Kontrollpunkte an den Ecken und an jedem Rand bearbeiten.
setMap
setMap(map)
Parameter:
  • mapMap optional
Rückgabewert:Keine
Gibt das Rechteck auf der angegebenen Karte wieder. Wenn für die Karte null festgelegt ist, wird das Rechteck entfernt.
setOptions
setOptions(options)
Parameter:
Rückgabewert:Keine
setVisible
setVisible(visible)
Parameter:
  • visibleboolean
Rückgabewert:Keine
Blendet dieses Rechteck aus, wenn false festgelegt ist.
Übernommen: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
bounds_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Grenzen des Rechtecks ändern.
click
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-click-Ereignis für das Rechteck ausgelöst wird.
contextmenu
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-Kontextmenüereignis für das Rechteck ausgelöst wird.
dblclick
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-dblclick-Ereignis für das Rechteck ausgelöst wird.
drag
function(event)
Argumente: 
Dieses Ereignis wird wiederholt ausgelöst, während der Nutzer das Rechteck zieht.
dragend
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Ziehen des Rechtecks beendet.
dragstart
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer beginnt, das Rechteck zu ziehen.
mousedown
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mousedown-Ereignis für das Rechteck ausgelöst wird.
mousemove
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mousemove-Ereignis für das Rechteck ausgelöst wird.
mouseout
function(event)
Argumente: 
Dieses Ereignis tritt beim rechteckigen Mouseout-Ereignis ein.
mouseover
function(event)
Argumente: 
Dieses Ereignis wird beim Rechteck-Mouseover ausgelöst.
mouseup
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mouseup-Ereignis für das Rechteck ausgelöst wird.
rightclick
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn mit der rechten Maustaste auf das Rechteck geklickt wird.

RectangleOptions.

google.maps.RectangleOptions-Schnittstelle

RectangleOptions-Objekt, mit dem die Eigenschaften definiert werden, die für ein Rectangle-Element festgelegt werden können.

bounds optional
Die Grenzen.
clickable optional
Typ:boolean optional
Standardwert: true
Gibt an, ob dieses Rectangle Mausereignisse verarbeitet.
draggable optional
Typ:boolean optional
Standardwert: false
Wenn true festgelegt ist, kann der Nutzer dieses Rechteck über die Karte ziehen.
editable optional
Typ:boolean optional
Standardwert: false
Wenn true festgelegt ist, kann der Nutzer dieses Rechteck durch Ziehen der Kontrollpunkte an den Ecken und an jedem Rand bearbeiten.
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
Standardwert: StrokePosition.CENTER
Die Strichposition.
strokeWeight optional
Typ:number optional
Die Strichbreite in Pixeln.
visible optional
Typ:boolean optional
Standardwert: true
Gibt an, ob dieses Rechteck auf der Karte sichtbar ist.
zIndex optional
Typ:number optional
Der zIndex im Vergleich zu anderen Polys.

Circle-Klasse

google.maps.Circle Klasse

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

Diese Klasse erweitert MVCObject.

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

Circle
Circle([circleOrCircleOptions])
Parameter:
Erstellt einen Kreis anhand der übergebenen CircleOptions, die Mittelpunkt, Radius und Stil festlegen.
getBounds
getBounds()
Parameter:Keine
Rückgabewert:  LatLngBounds|null
Ruft die 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 gezogen 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 an, ob dieser Kreis auf der Karte sichtbar ist.
setCenter
setCenter(center)
Parameter:
Rückgabewert:Keine
Legt den Mittelpunkt dieses Kreises fest.
setDraggable
setDraggable(draggable)
Parameter:
  • draggableboolean
Rückgabewert:Keine
Ist die Richtlinie auf true gesetzt, kann der Nutzer diesen Kreis über die Karte ziehen.
setEditable
setEditable(editable)
Parameter:
  • editableboolean
Rückgabewert:Keine
Wenn true festgelegt ist, kann der Nutzer diesen Kreis durch Ziehen der Kontrollpunkte in der Mitte und um seinen Umfang bearbeiten.
setMap
setMap(map)
Parameter:
  • mapMap optional
Rückgabewert:Keine
Gibt den Kreis auf der angegebenen Karte wieder. Ist für die Karte null festgelegt, wird der Kreis entfernt.
setOptions
setOptions(options)
Parameter:
Rückgabewert:Keine
setRadius
setRadius(radius)
Parameter:
  • radiusnumber
Rückgabewert:Keine
Legt den Radius dieses Kreises fest (in Metern).
setVisible
setVisible(visible)
Parameter:
  • visibleboolean
Rückgabewert:Keine
Blendet diesen Kreis aus, wenn false festgelegt ist.
Übernommen: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
center_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich der Mittelpunkt des Kreises ändert.
click
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-click-Ereignis für den Kreis ausgelöst wird.
dblclick
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-dblclick-Ereignis für den Kreis ausgelöst wird.
drag
function(event)
Argumente: 
Dieses Ereignis wird wiederholt ausgelöst, während der Nutzer den Kreis zieht.
dragend
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer das Ziehen des Kreises beendet.
dragstart
function(event)
Argumente: 
Dieses Ereignis wird ausgelöst, wenn der Nutzer beginnt, den Kreis zu ziehen.
mousedown
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mousedown-Ereignis für den Kreis ausgelöst wird.
mousemove
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mousemove-Ereignis für den Kreis ausgelöst wird.
mouseout
function(event)
Argumente: 
Dieses Ereignis tritt beim Mouseout für den Kreis ein.
mouseover
function(event)
Argumente: 
Dieses Ereignis tritt beim Mouseover für einen Kreis ein.
mouseup
function(event)
Argumente: 
Dieses Ereignis tritt ein, wenn das DOM-mouseup-Ereignis 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: 
Dieses Ereignis wird ausgelöst, wenn mit der rechten Maustaste auf den Kreis geklickt wird.

CircleOptions-Oberfläche.

google.maps.CircleOptions-Schnittstelle

CircleOptions-Objekt sein, mit dem die Eigenschaften definiert werden, die für einen Kreis festgelegt werden können.

center optional
Typ:LatLng|LatLngLiteral optional
In der Mitte des Kreises
clickable optional
Typ:boolean optional
Standardwert: true
Gibt an, ob dieses Circle Mausereignisse verarbeitet.
draggable optional
Typ:boolean optional
Standardwert: false
Ist die Richtlinie auf true gesetzt, kann der Nutzer diesen Kreis über die Karte ziehen.
editable optional
Typ:boolean optional
Standardwert: false
Wenn true festgelegt ist, kann der Nutzer diesen Kreis durch Ziehen der Kontrollpunkte in der Mitte und um seinen Umfang bearbeiten.
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 auf der Erdoberfläche in Metern.
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 des Strichs zwischen 0,0 und 1,0.
strokePosition optional
Typ:StrokePosition optional
Standardwert: StrokePosition.CENTER
Die Strichposition.
strokeWeight optional
Typ:number optional
Die Strichbreite in Pixeln.
visible optional
Typ:boolean optional
Standardwert: 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 der Kontur auf einem Polygon.

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

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