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. |
|