Polyline-Klasse
Klasse
google.maps.Polyline
erweitert MVCObject
Bibliothek "maps"
Eine Polylinie ist ein lineares Overlay, das aus verbundenen Liniensegmenten auf der Karte besteht.
const {Polyline} = await google.maps.importLibrary("maps");
Konstruktor | |
|---|---|
Polyline |
Polyline([opts])Parameter:
Erstellt eine Polylinie mit den ü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 mit LatLng-Objekten oder ein MVCArray mit LatLng-Objekten übergeben. Einfache Arrays werden jedoch bei der Instanziierung innerhalb der Polylinie in MVCArray-Objekte konvertiert. |
Methoden | |
|---|---|
getDraggable |
getDraggable()Parameter: Keine
Rückgabewert:
booleanGibt zurück, ob diese Form vom Nutzer gezogen werden kann. |
getEditable |
getEditable()Parameter: Keine
Rückgabewert:
booleanGibt zurück, ob diese Form vom Nutzer bearbeitet werden kann. |
getMap |
getMap()Parameter: Keine
Rückgabewert:
Map|nullGibt 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:
booleanGibt zurück, ob dieses Polygon auf der Karte sichtbar ist. |
setDraggable |
setDraggable(draggable)Parameter:
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:
Rückgabewert: Keiner
Wenn der Wert auf true gesetzt ist, kann der Nutzer die Form bearbeiten, indem er die Kontrollpunkte an den Eckpunkten und auf jedem Segment zieht. |
setMap |
setMap(map)Parameter:
Rückgabewert: Keiner
Rendert diese Form auf der angegebenen Karte. Wenn die Karte auf null gesetzt ist, wird die Form entfernt. |
setOptions |
setOptions(options)Parameter:
Rückgabewert: Keiner
|
setPath |
setPath(path)Parameter:
Rückgabewert: Keiner
Legt den Pfad fest. Weitere Informationen findest du unter PolylineOptions. |
setVisible |
setVisible(visible)Parameter:
Rückgabewert: Keiner
Blendet dieses Polygon aus, wenn auf false gesetzt. |
Übernommen:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Ereignisse | |
|---|---|
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 für die 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
PolylineOptions-Objekt, mit dem die Eigenschaften definiert werden, die für eine Polylinie festgelegt werden können.
Attribute | |
|---|---|
clickable
optional |
Typ:
boolean optionalStandard:
trueGibt an, ob dieses Polyline Mausereignisse verarbeitet. |
draggable
optional |
Typ:
boolean optionalStandard:
falseWenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Ziehmodus definiert. |
editable
optional |
Typ:
boolean optionalStandard:
falseWenn der Wert auf true gesetzt ist, kann der Nutzer die Form bearbeiten, indem er die Kontrollpunkte an den Eckpunkten und auf jedem Segment zieht. |
geodesic
optional |
Typ:
boolean optionalStandard:
falseWenn true, werden die Kanten des Polygons als geodätisch interpretiert und folgen der Erdkrümmung. Wenn 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> optionalDie Symbole, die entlang der Polylinie gerendert werden sollen. |
map
optional |
Typ:
Map optionalKarte, auf der die Polylinie angezeigt werden soll. |
path
optional |
Typ:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optionalDie geordnete Reihenfolge der Koordinaten der Polylinie. Dieser Pfad kann entweder mit einem einfachen Array von LatLngs oder einem MVCArray von LatLngs angegeben werden. Wenn Sie ein einfaches Array übergeben, wird es in ein MVCArray-Objekt konvertiert. Wenn Sie LatLngs in das MVCArray-Objekt einfügen oder daraus entfernen, wird die Polylinie auf der Karte automatisch aktualisiert. |
strokeColor
optional |
Typ:
string optionalDie Strichfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen. |
strokeOpacity
optional |
Typ:
number optionalDie Deckkraft der Linie zwischen 0,0 und 1,0. |
strokeWeight
optional |
Typ:
number optionalDie Linienstärke in Pixeln. |
visible
optional |
Typ:
boolean optionalStandard:
trueGibt an, ob diese Polylinie auf der Karte sichtbar ist. |
zIndex
optional |
Typ:
number optionalDer zIndex im Vergleich zu anderen Polys. |
IconSequence-Schnittstelle
Schnittstelle
google.maps.IconSequence
Beschreibt, wie Symbole auf einer Linie gerendert werden sollen.
Wenn die Polylinie geodätisch ist, werden die Abstände für „offset“ und „repeat“ 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 optionalStandard:
falseWenn true, hat jedes Symbol in der Sequenz dieselbe feste Drehung, unabhängig vom Winkel der Kante, auf der es liegt. Wenn false, wird jedes Symbol in der Sequenz so gedreht, dass es an der Kante ausgerichtet ist. |
icon
optional |
Typ:
Symbol optionalDas Symbol, das auf der Linie gerendert werden soll. |
offset
optional |
Typ:
string optionalStandard:
'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 optionalStandard:
0Der 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
Klasse
google.maps.Polygon
erweitert MVCObject
Bibliothek "maps"
Ein Polygon definiert (wie eine Polylinie) eine Reihe von verbundenen Koordinaten in einer geordneten Reihenfolge. Außerdem bilden Polygone eine geschlossene Schleife und definieren einen gefüllten Bereich. Beispiele finden Sie im Entwicklerhandbuch, beginnend mit einem einfachen Polygon, einem Polygon mit einem Loch und mehr. Sie können auch die Datenebene verwenden, um ein Polygon zu erstellen. Die Datenebene bietet eine einfachere Möglichkeit, Löcher zu erstellen, da sie die Reihenfolge der inneren und äußeren Pfade für Sie verwaltet.
const {Polygon} = await google.maps.importLibrary("maps");
Konstruktor | |
|---|---|
Polygon |
Polygon([opts])Parameter:
Erstellt ein Polygon mit den übergebenen PolygonOptions, die den Pfad des Polygons, den Strichstil für die Kanten des Polygons und den Füllstil für die inneren Bereiche des Polygons angeben. Ein Polygon kann einen oder mehrere Pfade enthalten, wobei jeder Pfad aus einem Array von LatLngs besteht. Sie können beim Erstellen dieser Pfade entweder ein Array von LatLngs oder ein MVCArray von LatLngs übergeben. Arrays werden bei der Instanziierung in MVCArrays innerhalb des Polygons konvertiert. |
Methoden | |
|---|---|
getDraggable |
getDraggable()Parameter: Keine
Rückgabewert:
booleanGibt zurück, ob diese Form vom Nutzer gezogen werden kann. |
getEditable |
getEditable()Parameter: Keine
Rückgabewert:
booleanGibt zurück, ob diese Form vom Nutzer bearbeitet werden kann. |
getMap |
getMap()Parameter: Keine
Rückgabewert:
Map|nullGibt 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:
booleanGibt zurück, ob dieses Polygon auf der Karte sichtbar ist. |
setDraggable |
setDraggable(draggable)Parameter:
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:
Rückgabewert: Keiner
Wenn der Wert auf true gesetzt ist, kann der Nutzer die Form bearbeiten, indem er die Kontrollpunkte an den Eckpunkten und auf jedem Segment zieht. |
setMap |
setMap(map)Parameter:
Rückgabewert: Keiner
Rendert diese Form auf der angegebenen Karte. Wenn die Karte auf null gesetzt ist, wird die Form entfernt. |
setOptions |
setOptions(options)Parameter:
Rückgabewert: Keiner
|
setPath |
setPath(path)Parameter:
Rückgabewert: Keiner
Legt den ersten Pfad fest. Weitere Informationen findest du unter PolygonOptions. |
setPaths |
setPaths(paths)Parameter:
Rückgabewert: Keiner
Legt den Pfad für dieses Polygon fest. |
setVisible |
setVisible(visible)Parameter:
Rückgabewert: Keiner
Blendet dieses Polygon aus, wenn auf false gesetzt. |
Übernommen:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Ereignisse | |
|---|---|
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-Ereignis „contextmenu“ 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
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 optionalStandard:
trueGibt an, ob dieses Polygon Mausereignisse verarbeitet. |
draggable
optional |
Typ:
boolean optionalStandard:
falseWenn true festgelegt ist, kann der Nutzer diese Form über die Karte ziehen. Mit der Eigenschaft geodesic wird der Ziehmodus definiert. |
editable
optional |
Typ:
boolean optionalStandard:
falseWenn der Wert auf true gesetzt ist, kann der Nutzer die Form bearbeiten, indem er die Kontrollpunkte an den Eckpunkten und auf jedem Segment zieht. |
fillColor
optional |
Typ:
string optionalDie Füllfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen. |
fillOpacity
optional |
Typ:
number optionalDie Deckkraft der Füllung zwischen 0.0 und 1.0. |
geodesic
optional |
Typ:
boolean optionalStandard:
falseWenn true, werden die Kanten des Polygons als geodätisch interpretiert und folgen der Erdkrümmung. Wenn 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 optionalKarte, auf der das Polygon angezeigt werden soll. |
paths
optional |
Typ:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optionalDie 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 Eigenschaft „paths“ ein oder mehrere Arrays mit LatLng-Koordinaten angegeben werden. Pfade werden automatisch geschlossen. Wiederholen Sie den ersten Eckpunkt des Pfads nicht als letzten Eckpunkt. Einfache Polygone können mit einem einzelnen Array von LatLng-Objekten definiert werden. Komplexere Polygone können ein Array von Arrays angeben. Alle einfachen Arrays werden in MVCArrays konvertiert. Wenn Sie LatLng-Objekte in das MVCArray einfügen oder daraus entfernen, wird das Polygon auf der Karte automatisch aktualisiert. |
strokeColor
optional |
Typ:
string optionalDie Strichfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen. |
strokeOpacity
optional |
Typ:
number optionalDie Deckkraft der Linie zwischen 0.0 und 1.0. |
strokePosition
optional |
Typ:
StrokePosition optionalStandard:
StrokePosition.CENTERDie Position des Strichs. |
strokeWeight
optional |
Typ:
number optionalDie Linienstärke in Pixeln. |
visible
optional |
Typ:
boolean optionalStandard:
trueGibt an, ob dieses Polygon auf der Karte sichtbar ist. |
zIndex
optional |
Typ:
number optionalDer zIndex im Vergleich zu anderen Polys. |
Schnittstelle PolyMouseEvent
interface
google.maps.PolyMouseEvent
extends MapMouseEvent
Dieses Objekt wird von Mausereignissen für Polylinien und Polygone zurückgegeben.
Attribute | |
|---|---|
edge
optional |
Typ:
number optionalDer Index der Kante innerhalb des Pfads unter dem Cursor, wenn das Ereignis aufgetreten ist, falls das Ereignis auf einem Mittelpunkt eines bearbeitbaren Polygons aufgetreten ist. |
path
optional |
Typ:
number optionalDer Index des Pfads unter dem Cursor, wenn das Ereignis aufgetreten ist, sofern das Ereignis auf einem Scheitelpunkt aufgetreten ist und das Polygon bearbeitet werden kann. Andernfalls undefined. |
vertex
optional |
Typ:
number optionalDer Index des Scheitelpunkts unter dem Cursor, wenn das Ereignis aufgetreten ist, sofern das Ereignis auf einem Scheitelpunkt aufgetreten ist und die Polylinie oder das Polygon bearbeitbar ist. Wenn das Ereignis nicht an einem Eckpunkt auftritt, ist der Wert undefined. |
Übernommen:
domEvent,
latLng
| |
Methoden | |
|---|---|
Übernommen:
stop
|
Klasse Rectangle
Klasse
google.maps.Rectangle
erweitert MVCObject
Bibliothek "maps"
Ein rechteckiges Overlay.
const {Rectangle} = await google.maps.importLibrary("maps");
Konstruktor | |
|---|---|
Rectangle |
Rectangle([opts])Parameter:
Erstellt ein Rechteck mit den übergebenen RectangleOptions, die die Grenzen und den Stil angeben. |
Methoden | |
|---|---|
getBounds |
getBounds()Parameter: Keine
Rückgabewert:
LatLngBounds|nullGibt die Grenzen dieses Rechtecks zurück. |
getDraggable |
getDraggable()Parameter: Keine
Rückgabewert:
booleanGibt zurück, ob dieses Rechteck vom Nutzer gezogen werden kann. |
getEditable |
getEditable()Parameter: Keine
Rückgabewert:
booleanGibt an, ob dieses Rechteck vom Nutzer bearbeitet werden kann. |
getMap |
getMap()Parameter: Keine
Rückgabewert:
Map|nullGibt die Karte zurück, auf der dieses Rechteck angezeigt wird. |
getVisible |
getVisible()Parameter: Keine
Rückgabewert:
booleanGibt zurück, ob dieses Rechteck auf der Karte sichtbar ist. |
setBounds |
setBounds(bounds)Parameter:
Rückgabewert: Keiner
Legt die Grenzen dieses Rechtecks fest. |
setDraggable |
setDraggable(draggable)Parameter:
Rückgabewert: Keiner
Wenn die Eigenschaft auf true festgelegt ist, kann der Nutzer das Rechteck über die Karte ziehen. |
setEditable |
setEditable(editable)Parameter:
Rückgabewert: Keiner
Wenn true festgelegt ist, kann der Nutzer dieses Rechteck bearbeiten, indem er die Kontrollpunkte an den Ecken und an jeder Kante zieht. |
setMap |
setMap(map)Parameter:
Rückgabewert: Keiner
Gibt das Rechteck auf der angegebenen Karte wieder. Wenn die Karte auf null gesetzt ist, wird das Rechteck entfernt. |
setOptions |
setOptions(options)Parameter:
Rückgabewert: Keiner
|
setVisible |
setVisible(visible)Parameter:
Rückgabewert: Keiner
Blendet dieses Rechteck aus, wenn der Wert auf false gesetzt ist. |
Übernommen:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Ereignisse | |
|---|---|
bounds_changed |
function()Argumente: Keine
Dieses Ereignis wird ausgelöst, wenn die Grenzen des Rechtecks geändert werden. |
click |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Klickereignis für das Rechteck ausgelöst wird. |
contextmenu |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „contextmenu“ für das Rechteck ausgelöst wird. |
dblclick |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „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 wird ausgelöst, wenn das DOM-Ereignis „mousedown“ für das Rechteck ausgelöst wird. |
mousemove |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „mousemove“ für das Rechteck ausgelöst wird. |
mouseout |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn der Mauszeiger das Rechteck verlässt. |
mouseover |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn der Mauszeiger über das Rechteck bewegt wird. |
mouseup |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „mouseup“ für das Rechteck ausgelöst wird. |
|
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn auf das Rechteck rechtsgeklickt wird. |
RectangleOptions-Schnittstelle
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 optionalDie Grenzen. |
clickable
optional |
Typ:
boolean optionalStandard:
trueGibt an, ob dieses Rectangle Mausereignisse verarbeitet. |
draggable
optional |
Typ:
boolean optionalStandard:
falseWenn die Eigenschaft auf true festgelegt ist, kann der Nutzer das Rechteck über die Karte ziehen. |
editable
optional |
Typ:
boolean optionalStandard:
falseWenn true festgelegt ist, kann der Nutzer dieses Rechteck bearbeiten, indem er die Kontrollpunkte an den Ecken und an jeder Kante zieht. |
fillColor
optional |
Typ:
string optionalDie Füllfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen. |
fillOpacity
optional |
Typ:
number optionalDie Deckkraft der Füllung zwischen 0.0 und 1.0. |
map
optional |
Typ:
Map optionalKarte, auf der das Rechteck angezeigt werden soll. |
strokeColor
optional |
Typ:
string optionalDie Strichfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen. |
strokeOpacity
optional |
Typ:
number optionalDie Deckkraft der Linie zwischen 0.0 und 1.0. |
strokePosition
optional |
Typ:
StrokePosition optionalStandard:
StrokePosition.CENTERDie Position des Strichs. |
strokeWeight
optional |
Typ:
number optionalDie Linienstärke in Pixeln. |
visible
optional |
Typ:
boolean optionalStandard:
trueGibt an, ob dieses Rechteck auf der Karte sichtbar ist. |
zIndex
optional |
Typ:
number optionalDer zIndex im Vergleich zu anderen Polys. |
Circle-Klasse
Klasse
google.maps.Circle
erweitert MVCObject
Bibliothek "maps"
Ein Kreis auf der Oberfläche der Erde; auch als "Kalotte" oder "Kugelkappe" bezeichnet.
const {Circle} = await google.maps.importLibrary("maps");
Konstruktor | |
|---|---|
Circle |
Circle([circleOrCircleOptions])Parameter:
Erstellt einen Kreis mit den übergebenen CircleOptions, die den Mittelpunkt, den Radius und den Stil angeben. |
Methoden | |
|---|---|
getBounds |
getBounds()Parameter: Keine
Rückgabewert:
LatLngBounds|nullRuft den LatLngBounds dieses Kreises ab. |
getCenter |
getCenter()Parameter: Keine
Rückgabewert:
LatLng|nullGibt den Mittelpunkt dieses Kreises zurück. |
getDraggable |
getDraggable()Parameter: Keine
Rückgabewert:
booleanGibt zurück, ob dieser Kreis vom Nutzer gezogen werden kann. |
getEditable |
getEditable()Parameter: Keine
Rückgabewert:
booleanGibt zurück, ob dieser Kreis vom Nutzer bearbeitet werden kann. |
getMap |
getMap()Parameter: Keine
Rückgabewert:
Map|nullGibt die Karte zurück, auf der dieser Kreis angezeigt wird. |
getRadius |
getRadius()Parameter: Keine
Rückgabewert:
numberGibt den Radius dieses Kreises zurück (in Metern). |
getVisible |
getVisible()Parameter: Keine
Rückgabewert:
booleanGibt zurück, ob dieser Kreis auf der Karte sichtbar ist. |
setCenter |
setCenter(center)Parameter:
Rückgabewert: Keiner
Legt den Mittelpunkt dieses Kreises fest. |
setDraggable |
setDraggable(draggable)Parameter:
Rückgabewert: Keiner
Wenn true festgelegt ist, kann der Nutzer diesen Kreis über die Karte ziehen. |
setEditable |
setEditable(editable)Parameter:
Rückgabewert: Keiner
Wenn true festgelegt ist, kann der Nutzer den Kreis bearbeiten, indem er die Kontrollpunkte in der Mitte und am Umfang des Kreises zieht. |
setMap |
setMap(map)Parameter:
Rückgabewert: Keiner
Gibt den Kreis auf der angegebenen Karte wieder. Wenn die Karte auf null gesetzt ist, wird der Kreis entfernt. |
setOptions |
setOptions(options)Parameter:
Rückgabewert: Keiner
|
setRadius |
setRadius(radius)Parameter:
Rückgabewert: Keiner
Legt den Radius dieses Kreises fest (in Metern). |
setVisible |
setVisible(visible)Parameter:
Rückgabewert: Keiner
Blendet diesen Kreis aus, wenn auf false gesetzt. |
Übernommen:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Ereignisse | |
|---|---|
center_changed |
function()Argumente: Keine
Dieses Ereignis wird ausgelöst, wenn der Mittelpunkt des Kreises geändert wird. |
click |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Click-Event für den Kreis ausgelöst wird. |
dblclick |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „dblclick“ 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 wird ausgelöst, wenn das DOM-Ereignis „mousedown“ für den Kreis ausgelöst wird. |
mousemove |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn das DOM-Ereignis „mousemove“ für den Kreis ausgelöst wird. |
mouseout |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn der Mauszeiger den Kreis verlässt. |
mouseover |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn der Mauszeiger über den Kreis bewegt wird. |
mouseup |
function(event)Argumente:
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 der Radius des Kreises geändert wird. |
rightclick |
function(event)Argumente:
Dieses Ereignis wird ausgelöst, wenn auf den Kreis rechtsgeklickt wird. |
CircleOptions-Schnittstelle
Schnittstelle
google.maps.CircleOptions
erweitert um CircleLiteral
CircleOptions-Objekt, mit dem die Eigenschaften definiert werden, die für einen Kreis festgelegt werden können.
Attribute | |
|---|---|
center
optional |
Typ:
LatLng|LatLngLiteral optionalDer Mittelpunkt des Kreises. |
clickable
optional |
Typ:
boolean optionalStandard:
trueGibt an, ob dieses Circle Mausereignisse verarbeitet. |
draggable
optional |
Typ:
boolean optionalStandard:
falseWenn true festgelegt ist, kann der Nutzer diesen Kreis über die Karte ziehen. |
editable
optional |
Typ:
boolean optionalStandard:
falseWenn true festgelegt ist, kann der Nutzer den Kreis bearbeiten, indem er die Kontrollpunkte in der Mitte und am Umfang des Kreises zieht. |
fillColor
optional |
Typ:
string optionalDie Füllfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen. |
fillOpacity
optional |
Typ:
number optionalDie Deckkraft der Füllung zwischen 0,0 und 1,0. |
map
optional |
Typ:
Map optionalKarte, auf der der Kreis angezeigt werden soll. |
radius
optional |
Typ:
number optionalDer Radius in Metern auf der Erdoberfläche. |
strokeColor
optional |
Typ:
string optionalDie Strichfarbe. Alle CSS3-Farben werden unterstützt, mit Ausnahme von Farben mit erweiterten Namen. |
strokeOpacity
optional |
Typ:
number optionalDie Deckkraft der Linie zwischen 0,0 und 1,0. |
strokePosition
optional |
Typ:
StrokePosition optionalStandard:
StrokePosition.CENTERDie Position des Strichs. |
strokeWeight
optional |
Typ:
number optionalDie Linienstärke in Pixeln. |
visible
optional |
Typ:
boolean optionalStandard:
trueGibt an, ob dieser Kreis auf der Karte sichtbar ist. |
zIndex
optional |
Typ:
number optionalDer zIndex im Vergleich zu anderen Polys. |
StrokePosition-Konstanten
Konstanten
google.maps.StrokePosition
Bibliothek "maps"
Die möglichen Positionen des Strichs auf einem Polygon.
const {StrokePosition} = await google.maps.importLibrary("maps");
Konstanten | |
|---|---|
CENTER |
Der Rahmen wird auf dem Pfad des Polygons zentriert, wobei sich die Hälfte des Rahmens innerhalb und die andere Hälfte außerhalb des Polygons befindet. |
INSIDE |
Der Strich liegt innerhalb des Polygons. |
OUTSIDE |
Die Kontur liegt außerhalb des Polygons. |