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ść:
boolean Zwraca informację, czy użytkownik może przeciągnąć ten kształt. |
getEditable |
getEditable() Parametry: brak
Zwracana wartość:
boolean Zwraca informację, czy użytkownik może edytować ten kształt. |
getMap |
getMap() Parametry: brak
Zwracana wartość:
Map|null Zwraca mapę, do której jest dołączony ten kształt. |
getPath |
getPath() Parametry: brak
Pobiera ścieżkę. |
getVisible |
getVisible() Parametry: brak
Zwracana wartość:
boolean Zwraca 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.PolylineOptions
interfejs
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 optional Domyślnie:
true Wskazuje, czy ten element Polyline obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optional Domyślnie:
false 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. |
editable optional |
Typ:
boolean optional Domyślnie:
false 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. |
geodesic optional |
Typ:
boolean optional Domyślnie:
false Gdy 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> optional Ikony, które mają być renderowane wzdłuż linii łamanej. |
map optional |
Typ:
Map optional Mapa, na której ma być wyświetlana linia łamana. |
path optional |
Typ:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional Uporzą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 optional Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
strokeOpacity optional |
Typ:
number optional Przezroczystość obrysu w zakresie od 0,0 do 1,0. |
strokeWeight optional |
Typ:
number optional Szerokość linii w pikselach. |
visible optional |
Typ:
boolean optional Domyślnie:
true Określa, czy linia łamana jest widoczna na mapie. |
zIndex optional |
Typ:
number optional wartość zIndex w porównaniu z innymi wielokątami; |
IconSequence interfejs
google.maps.IconSequence
interfejs
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 optional Domyślnie:
false Jeś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 optional Ikona do wyrenderowania na linii. |
offset optional |
Typ:
string optional Domyś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 optional Domyślnie:
0 Odległ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ść:
boolean Zwraca informację, czy użytkownik może przeciągnąć ten kształt. |
getEditable |
getEditable() Parametry: brak
Zwracana wartość:
boolean Zwraca informację, czy użytkownik może edytować ten kształt. |
getMap |
getMap() Parametry: brak
Zwracana wartość:
Map|null Zwraca 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ść:
boolean Zwraca 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.PolygonOptions
interfejs
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 optional Domyślnie:
true Wskazuje, czy ten element Polygon obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optional Domyślnie:
false 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. |
editable optional |
Typ:
boolean optional Domyślnie:
false 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. |
fillColor optional |
Typ:
string optional Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
fillOpacity optional |
Typ:
number optional Nieprzezroczystość wypełnienia w zakresie od 0,0 do 1,0. |
geodesic optional |
Typ:
boolean optional Domyślnie:
false Gdy 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 optional Mapa, na której ma być wyświetlany wielokąt. |
paths optional |
Typ:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional Uporzą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 optional Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
strokeOpacity optional |
Typ:
number optional Przezroczystość konturu w zakresie od 0,0 do 1,0. |
strokePosition optional |
Typ:
StrokePosition optional Domyślnie:
StrokePosition.CENTER Pozycja pociągnięcia. |
strokeWeight optional |
Typ:
number optional Szerokość linii w pikselach. |
visible optional |
Typ:
boolean optional Domyślnie:
true Określa, czy wielokąt jest widoczny na mapie. |
zIndex optional |
Typ:
number optional wartość zIndex w porównaniu z innymi wielokątami; |
PolyMouseEvent interfejs
google.maps.PolyMouseEvent
interfejs
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 optional Indeks 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 optional Indeks ś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 optional Indeks 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|null Zwraca granice tego prostokąta. |
getDraggable |
getDraggable() Parametry: brak
Zwracana wartość:
boolean Zwraca informację, czy użytkownik może przeciągnąć ten prostokąt. |
getEditable |
getEditable() Parametry: brak
Zwracana wartość:
boolean Zwraca informację, czy użytkownik może edytować ten prostokąt. |
getMap |
getMap() Parametry: brak
Zwracana wartość:
Map|null Zwraca mapę, na której wyświetlany jest ten prostokąt. |
getVisible |
getVisible() Parametry: brak
Zwracana wartość:
boolean Zwraca 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.RectangleOptions
interfejs
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 optional Ograniczenia. |
clickable optional |
Typ:
boolean optional Domyślnie:
true Wskazuje, czy ten element Rectangle obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ta opcja ma wartość true , użytkownik może przeciągnąć ten prostokąt po mapie. |
editable optional |
Typ:
boolean optional Domyślnie:
false 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. |
fillColor optional |
Typ:
string optional Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
fillOpacity optional |
Typ:
number optional Nieprzezroczystość wypełnienia w zakresie od 0,0 do 1,0. |
map optional |
Typ:
Map optional Mapa, na której ma być wyświetlany prostokąt. |
strokeColor optional |
Typ:
string optional Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
strokeOpacity optional |
Typ:
number optional Przezroczystość konturu w zakresie od 0,0 do 1,0. |
strokePosition optional |
Typ:
StrokePosition optional Domyślnie:
StrokePosition.CENTER Pozycja pociągnięcia. |
strokeWeight optional |
Typ:
number optional Szerokość linii w pikselach. |
visible optional |
Typ:
boolean optional Domyślnie:
true Określa, czy ten prostokąt jest widoczny na mapie. |
zIndex optional |
Typ:
number optional wartość 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|null Zwraca LatLngBounds tego kręgu. |
getCenter |
getCenter() Parametry: brak
Zwracana wartość:
LatLng|null Zwraca środek tego okręgu. |
getDraggable |
getDraggable() Parametry: brak
Zwracana wartość:
boolean Zwraca informację, czy użytkownik może przeciągnąć ten okrąg. |
getEditable |
getEditable() Parametry: brak
Zwracana wartość:
boolean Zwraca informację, czy użytkownik może edytować ten krąg. |
getMap |
getMap() Parametry: brak
Zwracana wartość:
Map|null Zwraca mapę, na której wyświetlany jest ten okrąg. |
getRadius |
getRadius() Parametry: brak
Zwracana wartość:
number Zwraca promień tego okręgu (w metrach). |
getVisible |
getVisible() Parametry: brak
Zwracana wartość:
boolean Zwraca 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.CircleOptions
interfejs
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 optional Domyślnie:
true Wskazuje, czy ten element Circle obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ma wartość true , użytkownik może przeciągnąć ten okrąg po mapie. |
editable optional |
Typ:
boolean optional Domyślnie:
false 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. |
fillColor optional |
Typ:
string optional Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
fillOpacity optional |
Typ:
number optional Nieprzezroczystość wypełnienia z zakresu od 0,0 do 1,0. |
map optional |
Typ:
Map optional Mapa, na której ma być wyświetlany okrąg. |
radius optional |
Typ:
number optional Promień w metrach na powierzchni Ziemi. |
strokeColor optional |
Typ:
string optional Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. |
strokeOpacity optional |
Typ:
number optional Przezroczystość obrysu w zakresie od 0,0 do 1,0. |
strokePosition optional |
Typ:
StrokePosition optional Domyślnie:
StrokePosition.CENTER Pozycja pociągnięcia. |
strokeWeight optional |
Typ:
number optional Szerokość linii w pikselach. |
visible optional |
Typ:
boolean optional Domyślnie:
true Określa, czy okrąg jest widoczny na mapie. |
zIndex optional |
Typ:
number optional wartość 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. |