Klasse Polylinie
google.maps.Polyline
-Klasse
Eine Polylinie ist ein lineares Overlay, das aus verbundenen Liniensegmenten auf der Karte besteht.
Diese Klasse erweitert MVCObject
.
Durch Aufrufen von 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 mithilfe der übergebenen PolylineOptions , die sowohl den Pfad der Polylinie als auch den Strichstil angeben, der beim Zeichnen der Polylinie verwendet werden soll. Sie können beim Erstellen einer Polylinie entweder ein Array von LatLng -Werten oder ein MVCArray -Element von LatLng übergeben, obwohl einfache Arrays innerhalb der Polylinie nach der Instantiierung in MVCArray s konvertiert werden. |
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 zurück, ob der Nutzer diese Form bearbeiten kann. |
getMap |
getMap() Parameter:Keine
Rückgabewert:
Map|null Gibt die Karte zurück, an der diese Form angehängt ist. |
getPath |
getPath() Parameter:Keine
Ruft den Pfad ab. |
getVisible |
getVisible() Parameter:Keine
Rückgabewert:
boolean Gibt an, ob dieses 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 festgelegt. |
setEditable |
setEditable(editable) Parameter:
Rückgabewert: Keine
Wenn true festgelegt ist, kann der Nutzer diese Form bearbeiten, indem er die Kontrollpunkte an den Eckpunkten und auf den einzelnen Segmenten zieht. |
setMap |
setMap(map) Parameter:
Rückgabewert: Keine
Gibt diese Form auf der angegebenen Karte wieder. Wenn die Karte auf null gesetzt 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 dieses 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 wird ausgelöst, wenn das DOM-Kontextmenüereignis in 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. |
Schnittstelle polylineOptions
Schnittstelle google.maps.PolylineOptions
klassischenOptions-Objekt, mit dem die Attribute definiert werden, die für eine Polylinie festgelegt werden können.
Attribute | |
---|---|
clickable optional |
Typ:
boolean optional Standard:
true Gibt an, ob dieser 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 Modus des Ziehens festgelegt. |
editable optional |
Typ:
boolean optional Standard:
false Wenn true festgelegt ist, kann der Nutzer diese Form bearbeiten, indem er die Kontrollpunkte an den Eckpunkten und auf den einzelnen Segmenten 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. Wenn false , werden die Ränder des Polygons als gerade Linien auf dem Bildschirm gerendert. Beachten Sie, dass sich die Form eines geodätischen Polygons beim Ziehen verändern kann, da die Abmessungen relativ zur Erdoberfläche erhalten werden. |
icons optional |
Typ:
Array<IconSequence> optional Die Symbole, die entlang der Polylinie gerendert werden. |
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. Der Pfad kann entweder über ein einfaches Array mit LatLng -Werten oder mit einem MVCArray -Wert aus LatLng s angegeben werden. Wenn Sie ein einfaches Array übergeben, wird es in einen MVCArray umgewandelt. Wenn Sie LatLngs in MVCArray einfügen oder 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 des Strichs zwischen 0,0 und 1,0. |
strokeWeight optional |
Typ:
number optional Die Strichbreite in Pixeln. |
visible optional |
Typ:
boolean optional Standard:
true Gibt an, ob die Polylinie auf der Karte sichtbar ist. |
zIndex optional |
Typ:
number optional Der zIndex im Vergleich zu anderen Polys. |
Schnittstelle IconSequenz
Schnittstelle google.maps.IconSequence
Beschreibt, wie Symbole auf einer Linie gerendert werden.
Wenn die Polylinie geodätisch ist, werden die Abstände für den Versatz und die Wiederholung standardmäßig in Metern berechnet. Wenn Sie einen Offset festlegen oder einen Pixelwert wiederholen, werden die Abstände auf dem Bildschirm in Pixeln berechnet.
Attribute | |
---|---|
fixedRotation optional |
Typ:
boolean optional Standard:
false Wenn true festgelegt ist, hat jedes Symbol in der Reihenfolge dieselbe feste Drehung, unabhängig vom Winkel des Rands, auf dem es liegt. Wenn false festgelegt ist, wird jedes Symbol in der Sequenz gedreht, um es an der Kante auszurichten. |
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 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. |
Klasse Polygon
google.maps.Polygon
-Klasse
Ein Polygon wie eine Polylinie definiert eine Reihe verbundener Koordinaten in einer geordneten Reihenfolge. Darüber hinaus bilden Polygone eine geschlossene Schleife und definieren eine gefüllte Region. Sehen Sie sich die Beispiele im Entwicklerhandbuch an. Sie beginnen mit einem einfachen Polygon, einem Polygon mit einem Loch und mehr. Sie können auch die Datenschicht verwenden, um ein Polygon zu erstellen. Die Data-Ebene bietet eine einfachere Möglichkeit zum Löchern, da sie die Reihenfolge der inneren und äußeren Pfade übernimmt.
Diese Klasse erweitert MVCObject
.
Durch Aufrufen von 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 mit den übergebenen PolygonOptions , die den Pfad des Polygons, den Strichstil für die Kanten des Polygons und den Füllstil für die Innengebiete des Polygons angeben. Ein Polygon kann einen oder mehrere Pfade enthalten. Jeder Pfad besteht aus einem Array von LatLng -Werten. Sie können beim Erstellen dieser Pfade entweder ein Array mit LatLngs oder ein MVCArray mit LatLng s ü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 zurück, ob der Nutzer diese Form bearbeiten kann. |
getMap |
getMap() Parameter:Keine
Rückgabewert:
Map|null Gibt die Karte zurück, an der 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 dieses 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 festgelegt. |
setEditable |
setEditable(editable) Parameter:
Rückgabewert: Keine
Wenn true festgelegt ist, kann der Nutzer diese Form bearbeiten, indem er die Kontrollpunkte an den Eckpunkten und auf den einzelnen Segmenten zieht. |
setMap |
setMap(map) Parameter:
Rückgabewert: Keine
Gibt diese Form auf der angegebenen Karte wieder. Wenn die Karte auf null gesetzt 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 dieses 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 wird ausgelöst, 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 mit dem Ziehen des Polygons beginnt. |
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. |
Schnittstelle PolygonOptions
Schnittstelle google.maps.PolygonOptions
PolygonOptions-Objekt, mit dem die Eigenschaften definiert werden, die für ein Polygon festgelegt werden können.
Attribute | |
---|---|
clickable optional |
Typ:
boolean optional Standard:
true Gibt an, ob dieser 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 Modus des Ziehens festgelegt. |
editable optional |
Typ:
boolean optional Standard:
false Wenn true festgelegt ist, kann der Nutzer diese Form bearbeiten, indem er die Kontrollpunkte an den Eckpunkten und auf den einzelnen Segmenten 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. Wenn false , werden die Ränder des Polygons als gerade Linien auf dem Bildschirm gerendert. Beachten Sie, dass sich die Form eines geodätischen Polygons beim Ziehen verändern kann, da die Abmessungen relativ zur Erdoberfläche erhalten 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. Deshalb kann in der Pfad-Property ein oder mehrere Arrays mit LatLng -Koordinaten angegeben sein. Pfade werden automatisch geschlossen. Wiederholen Sie den ersten Scheitel des Pfads nicht als letzten Scheitel. Einfache Polygone können über ein einzelnes LatLng -Array definiert werden. Für komplexere Polygone kann ein Array von Arrays angegeben werden. Alle einfachen Arrays werden in MVCArray s konvertiert. Wenn Sie LatLng s 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 Standard:
StrokePosition.CENTER Die Strichposition. |
strokeWeight optional |
Typ:
number optional Die Strichbreite 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. |
Schnittstelle PolyMouseEvent
Schnittstelle google.maps.PolyMouseEvent
Dieses Objekt wird von Mausereignissen für Polylinien und Polygone zurückgegeben.
Diese Schnittstelle erstreckt sich zu MapMouseEvent
.
Attribute | |
---|---|
edge optional |
Typ:
number optional Der Index des Rands innerhalb des Pfads unter dem Cursor, wenn das Ereignis aufgetreten ist, wenn das Ereignis an einem Mittelpunkt auf einem bearbeitbaren Polygon aufgetreten ist |
path optional |
Typ:
number optional Der Index des Pfads unter dem Cursor, als das Ereignis aufgetreten ist, wenn das Ereignis an einem Scheitelpunkt stattgefunden hat und das Polygon bearbeitbar ist. Andernfalls undefined . |
vertex optional |
Typ:
number optional Der Index des Scheitelpunkts unter dem Cursor, wenn das Ereignis aufgetreten ist, wenn das Ereignis an einem Scheitelpunkt aufgetreten ist und die Polylinie oder das Polygon bearbeitet werden kann. Wenn das Ereignis nicht an einem Scheitelpunkt stattfindet, lautet der Wert undefined . |
Übernommen:
domEvent ,
latLng
|
Methoden | |
---|---|
Übernommen:
stop
|
Klasse Rectangle
google.maps.Rectangle
-Klasse
Ein rechteckiges Overlay.
Diese Klasse erweitert MVCObject
.
Durch Aufrufen von const {Rectangle} = await google.maps.importLibrary("maps")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstruktor | |
---|---|
Rectangle |
Rectangle([opts]) Parameter:
Erstellen Sie 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 an, ob das Rechteck vom Nutzer gezogen werden kann. |
getEditable |
getEditable() Parameter:Keine
Rückgabewert:
boolean Gibt an, ob das 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:
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 bearbeiten, indem es die in den Ecken und an den Ecken angezeigten Kontrollpunkte zieht. |
setMap |
setMap(map) Parameter:
Rückgabewert: Keine
Gibt das Rechteck auf der angegebenen Karte wieder. Wenn die Karte auf null gesetzt ist, wird das Rechteck entfernt. |
setOptions |
setOptions(options) Parameter:
Rückgabewert: Keine
|
setVisible |
setVisible(visible) Parameter:
Rückgabewert: Keine
Blendet dieses Rechteck aus, wenn es auf false gesetzt ist. |
Übernommen:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Veranstaltungen | |
---|---|
bounds_changed |
function() Argumente: Keine
Dieses Ereignis wird ausgelöst, wenn die Grenzen des Rechtecks geändert werden. |
click |
function(event) Argumente:
Dieses Ereignis tritt ein, wenn das DOM-Klickereignis für das Rechteck ausgelöst wird. |
contextmenu |
function(event) Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Kontextmenüereignis für das Rechteck ausgelöst wird. |
dblclick |
function(event) Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Attribut „dblclick“ 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 beim Rechteck ausgelöst wird. |
mousemove |
function(event) Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-mousemove-Ereignis für das Rechteck ausgelöst wird. |
mouseout |
function(event) Argumente:
Dieses Ereignis wird ausgelöst, wenn ein rechteckiges Mouseout ausgelöst wird. |
mouseover |
function(event) Argumente:
Dieses Ereignis wird durch ein Mouseover im Rechteck ausgelöst. |
mouseup |
function(event) Argumente:
Dieses Ereignis wird ausgelöst, 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. |
Schnittstelle RectangleOptions
Schnittstelle google.maps.RectangleOptions
RectangleOptions-Objekt, mit dem die Eigenschaften definiert werden, 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 dieser 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 es die in den Ecken und an den Ecken 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 Strichposition. |
strokeWeight optional |
Typ:
number optional Die Strichbreite 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
.
Durch Aufrufen von const {Circle} = await google.maps.importLibrary("maps")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstruktor | |
---|---|
Circle |
Circle([circleOrCircleOptions]) Parameter:
Erstellen Sie einen Kreis mit den übergebenen CircleOptions , die den Mittelpunkt, den Radius und den Stil festlegen. |
Methoden | |
---|---|
getBounds |
getBounds() Parameter:Keine
Rückgabewert:
LatLngBounds|null Ruft das 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 der 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
Wenn true festgelegt ist, kann der Nutzer diesen Kreis über die Karte ziehen. |
setEditable |
setEditable(editable) Parameter:
Rückgabewert: Keine
Wenn der Nutzer auf true festgelegt ist, kann er diesen Kreis bearbeiten, indem er die Kontrollpunkte in der Mitte und um den Umfang des Kreises zieht. |
setMap |
setMap(map) Parameter:
Rückgabewert: Keine
Gibt den Kreis auf der angegebenen Karte wieder. Wenn die Karte auf null gesetzt ist, 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 er auf false festgelegt ist. |
Übernommen:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Veranstaltungen | |
---|---|
center_changed |
function() Argumente: Keine
Dieses Ereignis wird ausgelöst, wenn die Mitte des Kreises geändert wird. |
click |
function(event) Argumente:
Dieses Ereignis tritt ein, wenn das DOM-Klickereignis 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 den Kreis nicht mehr zieht. |
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 wird beim Beenden des Kreises ausgelöst. |
mouseover |
function(event) Argumente:
Dieses Ereignis wird beim Bewegen des Mauszeigers über einen Kreis ausgelöst. |
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 der Radius des Kreises geändert wird. |
rightclick |
function(event) Argumente:
Dieses Ereignis wird ausgelöst, wenn mit der rechten Maustaste auf den Kreis geklickt wird. |
Schnittstelle CircleOptions
Schnittstelle google.maps.CircleOptions
CircleOptions-Objekt, mit dem die Eigenschaften definiert werden, die für einen Kreis festgelegt werden können.
Attribute | |
---|---|
center optional |
Typ:
LatLng|LatLngLiteral optional Mitte des Kreises. |
clickable optional |
Typ:
boolean optional Standard:
true Gibt an, ob dieser 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 der Nutzer auf true festgelegt ist, kann er diesen Kreis bearbeiten, indem er die Kontrollpunkte in der Mitte und um den 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 des Strichs zwischen 0,0 und 1,0. |
strokePosition optional |
Typ:
StrokePosition optional Standard:
StrokePosition.CENTER Die Strichposition. |
strokeWeight optional |
Typ:
number optional Die Strichbreite 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.
Durch Aufrufen von const {StrokePosition} = await google.maps.importLibrary("maps")
aufrufen. Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
Konstanten | |
---|---|
CENTER |
Der Strich wird auf den Pfad des Polygons zentriert, wobei sich die Hälfte des Strichs innerhalb des Polygons und die Hälfte des Strichs außerhalb des Polygons befindet. |
INSIDE |
Der Strich liegt innerhalb des Polygons. |
OUTSIDE |
Der Strich liegt außerhalb des Polygons. |