Klasa Polyline
google.maps.Polyline
zajęcia
Linia łamana to liniowa nakładka połączonych odcinków na mapie.
Ta klasa rozszerza klasę MVCObject.
Dostęp przez połączenie pod numer const {Polyline} = await google.maps.importLibrary("maps").
Zobacz Biblioteki w Maps JavaScript API.
Zespół | |
|---|---|
Polyline |
Polyline([opts])Parametry:
Utwórz linię łamaną za pomocą przekazanego parametru PolylineOptions, który określa zarówno ścieżkę linii łamanej, jak i styl linii do rysowania linii łamanej. Podczas tworzenia polilinii możesz przekazać tablicę obiektów LatLng lub tablicę MVCArray obiektów LatLng, chociaż proste tablice są konwertowane na obiekty MVCArray w polilinii podczas tworzenia instancji. |
Metody | |
|---|---|
getDraggable |
getDraggable()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy użytkownik może przeciągnąć ten kształt. |
getEditable |
getEditable()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy użytkownik może edytować ten kształt. |
getMap |
getMap()Parametry: brak
Zwracana wartość:
Map|nullZwraca mapę, do której jest dołączony ten kształt. |
getPath |
getPath()Parametry: brak
Pobiera ścieżkę. |
getVisible |
getVisible()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy ten wielokąt jest widoczny na mapie. |
setDraggable |
setDraggable(draggable)Parametry:
Zwracana wartość: brak
Jeśli ma wartość true, użytkownik może przeciągnąć ten kształt na mapę. Właściwość geodesic określa tryb przeciągania. |
setEditable |
setEditable(editable)Parametry:
Zwracana wartość: brak
Jeśli ta opcja jest ustawiona na true, użytkownik może edytować ten kształt, przeciągając punkty kontrolne widoczne w wierzchołkach i na każdym segmencie. |
setMap |
setMap(map)Parametry:
Zwracana wartość: brak
Renderuje ten kształt na określonej mapie. Jeśli mapa jest ustawiona na null, kształt zostanie usunięty. |
setOptions |
setOptions(options)Parametry:
Zwracana wartość: brak
|
setPath |
setPath(path)Parametry:
Zwracana wartość: brak
Ustawia ścieżkę. Więcej informacji znajdziesz w sekcji PolylineOptions. |
setVisible |
setVisible(visible)Parametry:
Zwracana wartość: brak
Ukrywa ten wielokąt, jeśli ma wartość false. |
Odziedziczone:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Wydarzenia | |
|---|---|
click |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w linii łamanej zostanie wywołane zdarzenie kliknięcia DOM. |
contextmenu |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w obiekcie Polyline zostanie wywołane zdarzenie DOM contextmenu. |
dblclick |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w polilinii zostanie wywołane zdarzenie DOM dblclick. |
drag |
function(event)Argumenty:
To zdarzenie jest wywoływane wielokrotnie, gdy użytkownik przeciąga polilinię. |
dragend |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik przestanie przeciągać polilinię. |
dragstart |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik zaczyna przeciągać polilinię. |
mousedown |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w polilinii zostanie wywołane zdarzenie DOM mousedown. |
mousemove |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy na polilinii zostanie wywołane zdarzenie DOM mousemove. |
mouseout |
function(event)Argumenty:
To zdarzenie jest wywoływane po opuszczeniu kursorem myszy polilinii. |
mouseover |
function(event)Argumenty:
To zdarzenie jest wywoływane po najechaniu kursorem myszy na polilinię. |
mouseup |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy na polilinii zostanie wywołane zdarzenie DOM mouseup. |
|
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy wielolinia zostanie kliknięta prawym przyciskiem myszy. |
PolylineOptions interfejs
google.maps.PolylineOptionsinterfejs
Obiekt PolylineOptions używany do definiowania właściwości, które można ustawić w przypadku polilinii.
Właściwości | |
|---|---|
clickable optional |
Typ:
boolean optionalDomyślnie:
trueWskazuje, czy ten element Polyline obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optionalDomyślnie:
falseJeśli ma wartość true, użytkownik może przeciągnąć ten kształt na mapę. Właściwość geodesic określa tryb przeciągania. |
editable optional |
Typ:
boolean optionalDomyślnie:
falseJeśli ta opcja jest ustawiona na true, użytkownik może edytować ten kształt, przeciągając punkty kontrolne widoczne w wierzchołkach i na każdym segmencie. |
geodesic optional |
Typ:
boolean optionalDomyślnie:
falseGdy jest włączona opcja true, krawędzie wielokąta są interpretowane jako geodezyjne i podążają za krzywizną Ziemi. Gdy false, krawędzie wielokąta są renderowane jako linie proste w przestrzeni ekranu. Pamiętaj, że kształt wielokąta geodezyjnego może się zmieniać podczas przeciągania, ponieważ wymiary są utrzymywane względem powierzchni Ziemi. |
icons optional |
Typ:
Array<IconSequence> optionalIkony, które mają być renderowane wzdłuż linii łamanej. |
map optional |
Typ:
Map optionalMapa, na której ma być wyświetlana linia łamana. |
path optional |
Typ:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optionalUporządkowana sekwencja współrzędnych linii łamanej. Ścieżkę można określić za pomocą prostej tablicy elementów LatLng lub tablicy MVCArray elementów LatLng. Pamiętaj, że jeśli przekażesz prostą tablicę, zostanie ona przekonwertowana na MVCArray Wstawianie i usuwanie obiektów LatLng w MVCArray automatycznie aktualizuje polilinię na mapie. |
strokeColor optional |
Typ:
string optionalKolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
strokeOpacity optional |
Typ:
number optionalPrzezroczystość obrysu w zakresie od 0,0 do 1,0. |
strokeWeight optional |
Typ:
number optionalSzerokość linii w pikselach. |
visible optional |
Typ:
boolean optionalDomyślnie:
trueOkreśla, czy linia łamana jest widoczna na mapie. |
zIndex optional |
Typ:
number optionalwartość zIndex w porównaniu z innymi wielokątami; |
IconSequence interfejs
google.maps.IconSequenceinterfejs
Określa sposób renderowania ikon w wierszu.
Jeśli polilinia jest geodezyjna, odległości określone dla przesunięcia i powtórzenia są domyślnie obliczane w metrach. Ustawienie przesunięcia lub powtórzenia na wartość w pikselach spowoduje, że odległości będą obliczane w pikselach na ekranie.
Właściwości | |
|---|---|
fixedRotation optional |
Typ:
boolean optionalDomyślnie:
falseJeśli true, każda ikona w sekwencji ma tę samą stałą rotację niezależnie od kąta krawędzi, na której się znajduje. Jeśli false, każdy symbol w sekwencji jest obracany tak, aby był wyrównany do krawędzi. |
icon optional |
Typ:
Symbol optionalIkona do wyrenderowania na linii. |
offset optional |
Typ:
string optionalDomyślnie:
'100%'Odległość od początku linii, w której ma być renderowana ikona. Odległość tę można wyrazić jako procent długości linii (np. „50%”) lub w pikselach (np. „50 px”). |
repeat optional |
Typ:
string optionalDomyślnie:
0Odległość między kolejnymi ikonami na linii. Odległość tę można wyrazić jako procent długości linii (np. „50%”) lub w pikselach (np. „50 px”). Aby wyłączyć powtarzanie ikony, wpisz „0”. |
Klasa Polygon
google.maps.Polygon
zajęcia
Wielokąt (podobnie jak linia łamana) definiuje serię połączonych współrzędnych w uporządkowanej sekwencji. Wielokąty tworzą zamkniętą pętlę i określają wypełniony region. Przykłady znajdziesz w przewodniku dla programistów. Zacznij od prostego wielokąta, wielokąta z dziurą i innych. Pamiętaj, że do utworzenia wielokąta możesz też użyć warstwy danych. Warstwa danych oferuje prostszy sposób tworzenia otworów, ponieważ sama obsługuje kolejność ścieżek wewnętrznych i zewnętrznych.
Ta klasa rozszerza klasę MVCObject.
Dostęp przez połączenie pod numer const {Polygon} = await google.maps.importLibrary("maps").
Zobacz Biblioteki w Maps JavaScript API.
Zespół | |
|---|---|
Polygon |
Polygon([opts])Parametry:
Utwórz wielokąt za pomocą przekazanego parametru PolygonOptions, który określa ścieżkę wielokąta, styl linii krawędzi wielokąta i styl wypełnienia wewnętrznych obszarów wielokąta. Wielokąt może zawierać jedną lub więcej ścieżek, przy czym każda ścieżka składa się z tablicy LatLng. Podczas tworzenia tych ścieżek możesz przekazać tablicę obiektów LatLng lub MVCArray obiektów LatLng. Tablice są konwertowane na MVCArray w wielokącie podczas tworzenia instancji. |
Metody | |
|---|---|
getDraggable |
getDraggable()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy użytkownik może przeciągnąć ten kształt. |
getEditable |
getEditable()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy użytkownik może edytować ten kształt. |
getMap |
getMap()Parametry: brak
Zwracana wartość:
Map|nullZwraca mapę, do której jest dołączony ten kształt. |
getPath |
getPath()Parametry: brak
Pobiera pierwszą ścieżkę. |
getPaths |
getPaths()Parametry: brak
Pobiera ścieżki tego wielokąta. |
getVisible |
getVisible()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy ten wielokąt jest widoczny na mapie. |
setDraggable |
setDraggable(draggable)Parametry:
Zwracana wartość: brak
Jeśli ma wartość true, użytkownik może przeciągnąć ten kształt na mapę. Właściwość geodesic określa tryb przeciągania. |
setEditable |
setEditable(editable)Parametry:
Zwracana wartość: brak
Jeśli ta opcja jest ustawiona na true, użytkownik może edytować ten kształt, przeciągając punkty kontrolne widoczne w wierzchołkach i na każdym segmencie. |
setMap |
setMap(map)Parametry:
Zwracana wartość: brak
Renderuje ten kształt na określonej mapie. Jeśli mapa jest ustawiona na null, kształt zostanie usunięty. |
setOptions |
setOptions(options)Parametry:
Zwracana wartość: brak
|
setPath |
setPath(path)Parametry:
Zwracana wartość: brak
Ustawia pierwszą ścieżkę. Więcej informacji znajdziesz w sekcji PolygonOptions. |
setPaths |
setPaths(paths)Parametry:
Zwracana wartość: brak
Ustawia ścieżkę tego wielokąta. |
setVisible |
setVisible(visible)Parametry:
Zwracana wartość: brak
Ukrywa ten wielokąt, jeśli ma wartość false. |
Odziedziczone:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Wydarzenia | |
|---|---|
click |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w wielokącie zostanie wywołane zdarzenie kliknięcia DOM. |
contextmenu |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w wielokącie zostanie wywołane zdarzenie DOM contextmenu. |
dblclick |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w wielokącie zostanie wywołane zdarzenie DOM dblclick. |
drag |
function(event)Argumenty:
To zdarzenie jest wywoływane wielokrotnie, gdy użytkownik przeciąga wielokąt. |
dragend |
function(event)Argumenty:
To zdarzenie jest uruchamiane, gdy użytkownik przestanie przeciągać wielokąt. |
dragstart |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik zaczyna przeciągać wielokąt. |
mousedown |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w wielokącie zostanie wywołane zdarzenie DOM mousedown. |
mousemove |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w wielokącie zostanie wywołane zdarzenie DOM mousemove. |
mouseout |
function(event)Argumenty:
To zdarzenie jest wywoływane po opuszczeniu wielokąta przez kursor myszy. |
mouseover |
function(event)Argumenty:
To zdarzenie jest wywoływane po najechaniu kursorem myszy na wielokąt. |
mouseup |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w wielokącie zostanie wywołane zdarzenie DOM mouseup. |
|
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy wielokąt zostanie kliknięty prawym przyciskiem myszy. |
PolygonOptions interfejs
google.maps.PolygonOptionsinterfejs
Obiekt PolygonOptions używany do definiowania właściwości, które można ustawić w przypadku wielokąta.
Właściwości | |
|---|---|
clickable optional |
Typ:
boolean optionalDomyślnie:
trueWskazuje, czy ten element Polygon obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optionalDomyślnie:
falseJeśli ma wartość true, użytkownik może przeciągnąć ten kształt na mapę. Właściwość geodesic określa tryb przeciągania. |
editable optional |
Typ:
boolean optionalDomyślnie:
falseJeśli ta opcja jest ustawiona na true, użytkownik może edytować ten kształt, przeciągając punkty kontrolne widoczne w wierzchołkach i na każdym segmencie. |
fillColor optional |
Typ:
string optionalKolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
fillOpacity optional |
Typ:
number optionalNieprzezroczystość wypełnienia w zakresie od 0,0 do 1,0. |
geodesic optional |
Typ:
boolean optionalDomyślnie:
falseGdy jest włączona opcja true, krawędzie wielokąta są interpretowane jako geodezyjne i podążają za krzywizną Ziemi. Gdy false, krawędzie wielokąta są renderowane jako linie proste w przestrzeni ekranu. Pamiętaj, że kształt wielokąta geodezyjnego może się zmieniać podczas przeciągania, ponieważ wymiary są utrzymywane względem powierzchni Ziemi. |
map optional |
Typ:
Map optionalMapa, na której ma być wyświetlany wielokąt. |
paths optional |
Typ:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optionalUporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. W przeciwieństwie do polilinii wielokąt może składać się z co najmniej jednej ścieżki. W rezultacie właściwość paths może określać co najmniej 1 tablicę współrzędnych LatLng. Ścieżki są zamykane automatycznie. Nie powtarzaj pierwszego wierzchołka ścieżki jako ostatniego. Proste wielokąty można zdefiniować za pomocą pojedynczej tablicy LatLng. W przypadku bardziej złożonych wielokątów można określić tablicę tablic. Wszystkie proste tablice są przekształcane w MVCArray. Wstawienie lub usunięcie LatLng z MVCArray automatycznie zaktualizuje wielokąt na mapie. |
strokeColor optional |
Typ:
string optionalKolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
strokeOpacity optional |
Typ:
number optionalPrzezroczystość konturu w zakresie od 0,0 do 1,0. |
strokePosition optional |
Typ:
StrokePosition optionalDomyślnie:
StrokePosition.CENTERPozycja pociągnięcia. |
strokeWeight optional |
Typ:
number optionalSzerokość linii w pikselach. |
visible optional |
Typ:
boolean optionalDomyślnie:
trueOkreśla, czy wielokąt jest widoczny na mapie. |
zIndex optional |
Typ:
number optionalwartość zIndex w porównaniu z innymi wielokątami; |
PolyMouseEvent interfejs
google.maps.PolyMouseEventinterfejs
Ten obiekt jest zwracany ze zdarzeń myszy na poliliniach i wielokątach.
Ten interfejs rozszerza interfejs MapMouseEvent.
Właściwości | |
|---|---|
edge optional |
Typ:
number optionalIndeks krawędzi na ścieżce pod kursorem w momencie wystąpienia zdarzenia, jeśli zdarzenie wystąpiło w punkcie środkowym edytowalnego wielokąta. |
path optional |
Typ:
number optionalIndeks ścieżki pod kursorem w momencie wystąpienia zdarzenia, jeśli zdarzenie wystąpiło w wierzchołku, a wielokąt można edytować. W przeciwnym razie undefined. |
vertex optional |
Typ:
number optionalIndeks wierzchołka pod kursorem w momencie wystąpienia zdarzenia, jeśli zdarzenie wystąpiło na wierzchołku, a polilinia lub wielokąt są edytowalne. Jeśli zdarzenie nie występuje w wierzchołku, wartość wynosi undefined. |
Przejęte:
domEvent,
latLng
| |
Metody | |
|---|---|
Dziedziczone:
stop
|
Rectangle class
google.maps.Rectangle
zajęcia
Nakładka w kształcie prostokąta.
Ta klasa rozszerza klasę MVCObject.
Dostęp przez połączenie pod numer const {Rectangle} = await google.maps.importLibrary("maps").
Zobacz Biblioteki w Maps JavaScript API.
Zespół | |
|---|---|
Rectangle |
Rectangle([opts])Parametry:
Utwórz prostokąt za pomocą przekazanego parametru RectangleOptions, który określa granice i styl. |
Metody | |
|---|---|
getBounds |
getBounds()Parametry: brak
Zwracana wartość:
LatLngBounds|nullZwraca granice tego prostokąta. |
getDraggable |
getDraggable()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy użytkownik może przeciągnąć ten prostokąt. |
getEditable |
getEditable()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy użytkownik może edytować ten prostokąt. |
getMap |
getMap()Parametry: brak
Zwracana wartość:
Map|nullZwraca mapę, na której wyświetlany jest ten prostokąt. |
getVisible |
getVisible()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy ten prostokąt jest widoczny na mapie. |
setBounds |
setBounds(bounds)Parametry:
Zwracana wartość: brak
Ustawia granice tego prostokąta. |
setDraggable |
setDraggable(draggable)Parametry:
Zwracana wartość: brak
Jeśli ta opcja ma wartość true, użytkownik może przeciągnąć ten prostokąt po mapie. |
setEditable |
setEditable(editable)Parametry:
Zwracana wartość: brak
Jeśli ta opcja jest ustawiona na true, użytkownik może edytować ten prostokąt, przeciągając punkty kontrolne widoczne w rogach i na każdej krawędzi. |
setMap |
setMap(map)Parametry:
Zwracana wartość: brak
Renderuje prostokąt na określonej mapie. Jeśli mapa jest ustawiona na null, prostokąt zostanie usunięty. |
setOptions |
setOptions(options)Parametry:
Zwracana wartość: brak
|
setVisible |
setVisible(visible)Parametry:
Zwracana wartość: brak
Ukrywa ten prostokąt, jeśli ma wartość false. |
Odziedziczone:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Wydarzenia | |
|---|---|
bounds_changed |
function()Argumenty: brak
To zdarzenie jest wywoływane, gdy zmieniają się granice prostokąta. |
click |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w prostokącie zostanie wywołane zdarzenie kliknięcia DOM. |
contextmenu |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w prostokącie zostanie wywołane zdarzenie DOM contextmenu. |
dblclick |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w przypadku prostokąta zostanie wywołane zdarzenie DOM dblclick. |
drag |
function(event)Argumenty:
To zdarzenie jest wywoływane wielokrotnie, gdy użytkownik przeciąga prostokąt. |
dragend |
function(event)Argumenty:
To zdarzenie jest uruchamiane, gdy użytkownik przestanie przeciągać prostokąt. |
dragstart |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik zaczyna przeciągać prostokąt. |
mousedown |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w prostokącie zostanie wywołane zdarzenie DOM mousedown. |
mousemove |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w przypadku prostokąta zostanie wywołane zdarzenie DOM mousemove. |
mouseout |
function(event)Argumenty:
To zdarzenie jest wywoływane po opuszczeniu prostokąta przez kursor myszy. |
mouseover |
function(event)Argumenty:
To zdarzenie jest wywoływane po najechaniu kursorem myszy na prostokąt. |
mouseup |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w przypadku prostokąta zostanie wywołane zdarzenie DOM mouseup. |
|
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy klikniesz prostokąt prawym przyciskiem myszy. |
RectangleOptions interfejs
google.maps.RectangleOptionsinterfejs
Obiekt RectangleOptions służący do definiowania właściwości, które można ustawić w przypadku obiektu Rectangle.
Właściwości | |
|---|---|
bounds optional |
Typ:
LatLngBounds|LatLngBoundsLiteral optionalOgraniczenia. |
clickable optional |
Typ:
boolean optionalDomyślnie:
trueWskazuje, czy ten element Rectangle obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optionalDomyślnie:
falseJeśli ta opcja ma wartość true, użytkownik może przeciągnąć ten prostokąt po mapie. |
editable optional |
Typ:
boolean optionalDomyślnie:
falseJeśli ta opcja jest ustawiona na true, użytkownik może edytować ten prostokąt, przeciągając punkty kontrolne widoczne w rogach i na każdej krawędzi. |
fillColor optional |
Typ:
string optionalKolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
fillOpacity optional |
Typ:
number optionalNieprzezroczystość wypełnienia w zakresie od 0,0 do 1,0. |
map optional |
Typ:
Map optionalMapa, na której ma być wyświetlany prostokąt. |
strokeColor optional |
Typ:
string optionalKolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
strokeOpacity optional |
Typ:
number optionalPrzezroczystość konturu w zakresie od 0,0 do 1,0. |
strokePosition optional |
Typ:
StrokePosition optionalDomyślnie:
StrokePosition.CENTERPozycja pociągnięcia. |
strokeWeight optional |
Typ:
number optionalSzerokość linii w pikselach. |
visible optional |
Typ:
boolean optionalDomyślnie:
trueOkreśla, czy ten prostokąt jest widoczny na mapie. |
zIndex optional |
Typ:
number optionalwartość zIndex w porównaniu z innymi wielokątami; |
Klasa Circle
google.maps.Circle
zajęcia
Okrąg na powierzchni Ziemi, zwany też „czapką sferyczną”.
Ta klasa rozszerza klasę MVCObject.
Dostęp przez połączenie pod numer const {Circle} = await google.maps.importLibrary("maps").
Zobacz Biblioteki w Maps JavaScript API.
Zespół | |
|---|---|
Circle |
Circle([circleOrCircleOptions])Parametry:
Utwórz okrąg za pomocą przekazanego parametru CircleOptions, który określa środek, promień i styl. |
Metody | |
|---|---|
getBounds |
getBounds()Parametry: brak
Zwracana wartość:
LatLngBounds|nullZwraca LatLngBounds tego kręgu. |
getCenter |
getCenter()Parametry: brak
Zwracana wartość:
LatLng|nullZwraca środek tego okręgu. |
getDraggable |
getDraggable()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy użytkownik może przeciągnąć ten okrąg. |
getEditable |
getEditable()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy użytkownik może edytować ten krąg. |
getMap |
getMap()Parametry: brak
Zwracana wartość:
Map|nullZwraca mapę, na której wyświetlany jest ten okrąg. |
getRadius |
getRadius()Parametry: brak
Zwracana wartość:
numberZwraca promień tego okręgu (w metrach). |
getVisible |
getVisible()Parametry: brak
Zwracana wartość:
booleanZwraca informację, czy ten okrąg jest widoczny na mapie. |
setCenter |
setCenter(center)Parametry:
Zwracana wartość: brak
Ustawia środek tego okręgu. |
setDraggable |
setDraggable(draggable)Parametry:
Zwracana wartość: brak
Jeśli ma wartość true, użytkownik może przeciągnąć ten okrąg po mapie. |
setEditable |
setEditable(editable)Parametry:
Zwracana wartość: brak
Jeśli ustawienie ma wartość true, użytkownik może edytować ten okrąg, przeciągając punkty kontrolne widoczne na środku i na obwodzie okręgu. |
setMap |
setMap(map)Parametry:
Zwracana wartość: brak
Renderuje okrąg na określonej mapie. Jeśli mapa jest ustawiona na null, okrąg zostanie usunięty. |
setOptions |
setOptions(options)Parametry:
Zwracana wartość: brak
|
setRadius |
setRadius(radius)Parametry:
Zwracana wartość: brak
Ustawia promień tego okręgu (w metrach). |
setVisible |
setVisible(visible)Parametry:
Zwracana wartość: brak
Ukrywa ten krąg, jeśli ma wartość false. |
Odziedziczone:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Wydarzenia | |
|---|---|
center_changed |
function()Argumenty: brak
To zdarzenie jest uruchamiane, gdy zmieni się środek okręgu. |
click |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w okręgu zostanie wywołane zdarzenie kliknięcia DOM. |
dblclick |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w okręgu zostanie wywołane zdarzenie DOM dblclick. |
drag |
function(event)Argumenty:
To zdarzenie jest wywoływane wielokrotnie, gdy użytkownik przeciąga okrąg. |
dragend |
function(event)Argumenty:
To zdarzenie jest uruchamiane, gdy użytkownik przestanie przeciągać okrąg. |
dragstart |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik zaczyna przeciągać okrąg. |
mousedown |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w okręgu zostanie wywołane zdarzenie DOM mousedown. |
mousemove |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w okręgu zostanie wywołane zdarzenie DOM mousemove. |
mouseout |
function(event)Argumenty:
To zdarzenie jest wywoływane po opuszczeniu okręgu przez kursor myszy. |
mouseover |
function(event)Argumenty:
To zdarzenie jest wywoływane po najechaniu kursorem na okrąg. |
mouseup |
function(event)Argumenty:
To zdarzenie jest wywoływane, gdy w okręgu zostanie wywołane zdarzenie DOM mouseup. |
radius_changed |
function()Argumenty: brak
To zdarzenie jest wywoływane, gdy zmienia się promień okręgu. |
rightclick |
function(event)Argumenty:
To zdarzenie jest wywoływane po kliknięciu okręgu prawym przyciskiem myszy. |
CircleOptions interfejs
google.maps.CircleOptionsinterfejs
Obiekt CircleOptions używany do definiowania właściwości, które można ustawić w przypadku obiektu Circle.
Właściwości | |
|---|---|
center optional |
Typ:
LatLng|LatLngLiteral optionalśrodek okręgu, |
clickable optional |
Typ:
boolean optionalDomyślnie:
trueWskazuje, czy ten element Circle obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optionalDomyślnie:
falseJeśli ma wartość true, użytkownik może przeciągnąć ten okrąg po mapie. |
editable optional |
Typ:
boolean optionalDomyślnie:
falseJeśli ustawienie ma wartość true, użytkownik może edytować ten okrąg, przeciągając punkty kontrolne widoczne na środku i na obwodzie okręgu. |
fillColor optional |
Typ:
string optionalKolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
fillOpacity optional |
Typ:
number optionalNieprzezroczystość wypełnienia z zakresu od 0,0 do 1,0. |
map optional |
Typ:
Map optionalMapa, na której ma być wyświetlany okrąg. |
radius optional |
Typ:
number optionalPromień w metrach na powierzchni Ziemi. |
strokeColor optional |
Typ:
string optionalKolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
strokeOpacity optional |
Typ:
number optionalPrzezroczystość obrysu w zakresie od 0,0 do 1,0. |
strokePosition optional |
Typ:
StrokePosition optionalDomyślnie:
StrokePosition.CENTERPozycja pociągnięcia. |
strokeWeight optional |
Typ:
number optionalSzerokość linii w pikselach. |
visible optional |
Typ:
boolean optionalDomyślnie:
trueOkreśla, czy okrąg jest widoczny na mapie. |
zIndex optional |
Typ:
number optionalwartość zIndex w porównaniu z innymi wielokątami; |
Stałe StrokePosition
google.maps.StrokePosition
stałe
Możliwe położenia pociągnięcia na wielokącie.
Dostęp przez połączenie pod numer const {StrokePosition} = await google.maps.importLibrary("maps").
Zobacz Biblioteki w Maps JavaScript API.
Stałe | |
|---|---|
CENTER |
Linia jest wyśrodkowana na ścieżce wielokąta, a połowa linii znajduje się wewnątrz wielokąta, a połowa na zewnątrz. |
INSIDE |
Linia znajduje się w wieloboku. |
OUTSIDE |
Linia znajduje się poza wielokątem. |