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.
Konstruktor | |
---|---|
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 MVCArray s konvertiert. |
Methoden | |
---|---|
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
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:
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:
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:
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:
Rückgabewert:Keine
Blendet das Poly aus, wenn es auf false gesetzt ist. |
Übernommen:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Veranstaltungen | |
---|---|
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. |
|
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.
Attribute | |
---|---|
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 |
Typ:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> 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.
Attribute | |
---|---|
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.
Konstruktor | |
---|---|
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 MVCArray s konvertiert. |
Methoden | |
---|---|
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
Ruft den ersten Pfad ab. |
getPaths |
getPaths() Parameter:Keine
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:
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:
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:
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) Parameter:
Rückgabewert:Keine
Legt den Pfad für dieses Polygon fest. |
setVisible |
setVisible(visible) Parameter:
Rückgabewert:Keine
Blendet das Poly aus, wenn es auf false gesetzt ist. |
Übernommen:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Veranstaltungen | |
---|---|
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. |
|
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.
Attribute | |
---|---|
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 |
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 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 MVCArray s 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
.
Attribute | |
---|---|
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
|
Methoden | |
---|---|
Ü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.
Konstruktor | |
---|---|
Rectangle |
Rectangle([opts]) Parameter:
Erstellt ein Rechteck anhand der ü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 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:
Rückgabewert:Keine
Wenn true festgelegt ist, kann der Nutzer dieses Rechteck über die Karte ziehen. |
setEditable |
setEditable(editable) Parameter:
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:
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:
Rückgabewert:Keine
Blendet dieses Rechteck aus, wenn false festgelegt ist. |
Übernommen:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Veranstaltungen | |
---|---|
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. |
|
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.
Attribute | |
---|---|
bounds optional |
Typ:
LatLngBounds|LatLngBoundsLiteral 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.
Konstruktor | |
---|---|
Circle |
Circle([circleOrCircleOptions]) Parameter:
Erstellt einen Kreis anhand der übergebenen CircleOptions , die Mittelpunkt, Radius und Stil festlegen. |
Methoden | |
---|---|
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:
Rückgabewert:Keine
Ist die Richtlinie auf true gesetzt, kann der Nutzer diesen Kreis über die Karte ziehen. |
setEditable |
setEditable(editable) Parameter:
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:
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:
Rückgabewert:Keine
Legt den Radius dieses Kreises fest (in Metern). |
setVisible |
setVisible(visible) Parameter:
Rückgabewert:Keine
Blendet diesen Kreis aus, wenn false festgelegt ist. |
Übernommen:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Veranstaltungen | |
---|---|
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.
Attribute | |
---|---|
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.
Konstanten | |
---|---|
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. |