Polygons

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.

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.
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
Zwracana wartość:  MVCArray<LatLng>
Pobiera ścieżkę.
getVisible
getVisible()
Parametry: brak
Zwracana wartość:  boolean
Zwraca informację, czy ten wielokąt jest widoczny na mapie.
setDraggable
setDraggable(draggable)
Parametry: 
  • draggableboolean
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: 
  • editableboolean
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: 
  • mapMap optional
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: 
  • visibleboolean
Zwracana wartość: brak
Ukrywa ten wielokąt, jeśli ma wartość false.
Odziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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.
rightclick
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.

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

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.

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.
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
Zwracana wartość:  MVCArray<LatLng>
Pobiera pierwszą ścieżkę.
getPaths
getPaths()
Parametry: brak
Zwracana wartość:  MVCArray<MVCArray<LatLng>>
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: 
  • draggableboolean
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: 
  • editableboolean
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: 
  • mapMap optional
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)
Zwracana wartość: brak
Ustawia ścieżkę tego wielokąta.
setVisible
setVisible(visible)
Parametry: 
  • visibleboolean
Zwracana wartość: brak
Ukrywa ten wielokąt, jeśli ma wartość false.
Odziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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.
rightclick
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.

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.