Klasa Polyline
google.maps.Polyline
class
Linia złożona to liniowe nakładanie na mapie połączonych segmentów linii.
Te zajęcia trwają MVCObject
.
Dostęp przez połączenie telefoniczne const {Polyline} = await google.maps.importLibrary("maps")
. Zobacz Biblioteki w Maps JavaScript API.
Zespół | |
---|---|
Polyline |
Polyline([opts]) Parametry:
Tworzenie linii złożonej za pomocą przekazanego obiektu PolylineOptions , który określa ścieżkę linii złożonej oraz styl obrysu do użycia podczas jej rysowania. Podczas tworzenia polilinii możesz przekazać tablicę elementów LatLng lub MVCArray elementów LatLng , ale proste tablice są konwertowane na elementy MVCArray w ramach polilinii po jej tworzeniu. |
Metody | |
---|---|
getDraggable |
getDraggable() Parametry: brak
Wartość zwracana:
boolean Zwraca informację, czy użytkownik może przeciągać ten kształt. |
getEditable |
getEditable() Parametry: brak
Wartość zwracana:
boolean Zwraca informację, czy użytkownik może edytować ten kształt. |
getMap |
getMap() Parametry: brak
Wartość zwracana:
Map|null Zwraca mapę, do której jest dołączony ten kształt. |
getPath |
getPath() Parametry: brak
Pobiera ścieżkę. |
getVisible |
getVisible() Parametry: brak
Wartość zwracana:
boolean Zwraca informacje, czy obiekt jest widoczny na mapie. |
setDraggable |
setDraggable(draggable) Parametry:
Zwracana wartość: brak
Jeśli ma wartość true , użytkownik może przeciągać ten kształt po mapie. Właściwość geodesic określa tryb przeciągania. |
setEditable |
setEditable(editable) Parametry:
Zwracana wartość: brak
Jeśli ustawisz wartość 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 wartość mapy to 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 poligon, jeśli jest ustawiony na false . |
Uzyskane:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Wydarzenia | |
---|---|
click |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie kliknięcia DOM zostanie wywołane na obiekt Polyline. |
contextmenu |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM contextmenu zostanie wywołane w Poylin. |
dblclick |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM dblclick jest wywoływane w elementach Polyline. |
drag |
function(event) Argumenty:
To zdarzenie jest wielokrotnie wywoływane, gdy użytkownik przeciąga wielokąt. |
dragend |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik przestanie przeciągać wielokąt. |
dragstart |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik zacznie przeciągać wielokąt. |
mousedown |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mousedown zostanie wywołane w elementach Polyline. |
mousemove |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mousemove jest wywoływane w przypadku obiektu Polyline. |
mouseout |
function(event) Argumenty:
To zdarzenie jest wywoływane po wyjściu z obiektu Polyline. |
mouseover |
function(event) Argumenty:
To zdarzenie jest wywoływane po najechaniu kursorem na Polyline. |
mouseup |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mouseup jest wywoływane w elementach Polyline. |
|
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy klikniesz prawym przyciskiem myszy wielokąt. |
Interfejs PolylineOptions
google.maps.PolylineOptions
interfejs
Obiekt PolylineOptions służy do definiowania właściwości, które można ustawić w przypadku obiektu Polyline.
Właściwości | |
---|---|
clickable optional |
Typ:
boolean optional Domyślnie:
true Wskazuje, czy element Polyline obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ma wartość true , użytkownik może przeciągać ten kształt po mapie. Właściwość geodesic określa tryb przeciągania. |
editable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ustawisz wartość 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 true , krawędzie wielokąta są interpretowane jako geodezyjne i naśladują krzywiznę Ziemi. Gdy false , krawędzie wielokąta są renderowane jako proste linie w przestrzeni ekranu. Pamiętaj, że kształt wielokąta geodezyjnego może się zmienić 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 złożonej. |
map optional |
Typ:
Map optional Mapa, na której ma być wyświetlona linia łamana. |
path optional |
Typ:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional Uporządkowana sekwencja współrzędnych linii łamanej. Ścieżka może być określona za pomocą prostego tablicowego zbioru elementów LatLng lub zbioru elementów MVCArray .LatLng Pamiętaj, że jeśli przekażesz prosty tablicowy, zostanie on przekonwertowany na tablicę MVCArray . Wstawianie lub usuwanie elementów LatLng w tablicy MVCArray spowoduje automatyczne aktualizowanie łagodnego wieloboku na mapie. |
strokeColor optional |
Typ:
string optional Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych kolorów o nazwie. |
strokeOpacity optional |
Typ:
number optional Przezroczystość obrysu w zakresie od 0,0 do 1,0. |
strokeWeight optional |
Typ:
number optional Szerokość obrysu w pikselach. |
visible optional |
Typ:
boolean optional Domyślnie:
true Określa, czy linia łamana jest widoczna na mapie. |
zIndex optional |
Typ:
number optional Z-index w porównaniu z innymi wielokątami. |
Interfejs IconSequence
google.maps.IconSequence
interfejs
Opisuje sposób renderowania ikon na linii.
Jeśli linia złożona 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 taką samą stałą rotację niezależnie od kąta krawędzi, na której się znajduje. Jeśli ustawisz false , każda ikona w sekwencji zostanie obrócona, aby jej krawędź była wyrównana z krawędzią. |
icon optional |
Typ:
Symbol optional Ikona do wyświetlenia na linii. |
offset optional |
Typ:
string optional Domyślnie:
'100%' Odległość od początku linii, w której ma zostać wyrenderowana ikona. Odległość może być wyrażona jako odsetek 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ść może być wyrażona jako odsetek długości linii (np. „50%”) lub w pikselach (np. „50 px”). Aby wyłączyć powtarzanie ikony, użyj wartości „0”. |
Klasa Wielokąt
google.maps.Polygon
class
Wielokąt (podobnie jak linia łamana) definiuje serię połączonych współrzędnych w uporządkowanej kolejności. Dodatkowo wielokąty tworzą zamkniętą pętlę i określają wypełniony obszar. Zapoznaj się z przykładami w przewodniku dla programistów, zaczynając od prostego wielokąta, wielokąta z otworem itd. Pamiętaj, że do utworzenia wielokąta możesz też użyć warstwy danych. Warstwę danych można wykorzystać do uproszczenia tworzenia otworów, ponieważ zajmuje się ona kolejnością ścieżek wewnętrznych i zewnętrznych.
Te zajęcia trwają MVCObject
.
Dostęp przez połączenie telefoniczne 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 obiektu PolygonOptions , który określa ścieżkę wielokąta, styl kreski dla krawędzi wielokąta oraz styl wypełnienia dla wewnętrznych obszarów wielokąta. Poligon może zawierać co najmniej 1 ścieżkę, przy czym każda ścieżka składa się z tablicy elementów LatLng . Podczas tworzenia tych ścieżek możesz przekazać tablicę LatLngs lub tablicę MVCArray z wartościami LatLng . Tablice są konwertowane na MVCArray w ramach wielokąta po uruchomieniu. |
Metody | |
---|---|
getDraggable |
getDraggable() Parametry: brak
Wartość zwracana:
boolean Zwraca informację, czy użytkownik może przeciągać ten kształt. |
getEditable |
getEditable() Parametry: brak
Wartość zwracana:
boolean Zwraca informację, czy użytkownik może edytować ten kształt. |
getMap |
getMap() Parametry: brak
Wartość zwracana:
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 dla tego wielokąta. |
getVisible |
getVisible() Parametry: brak
Wartość zwracana:
boolean Zwraca informacje, czy obiekt jest widoczny na mapie. |
setDraggable |
setDraggable(draggable) Parametry:
Zwracana wartość: brak
Jeśli ma wartość true , użytkownik może przeciągać ten kształt po mapie. Właściwość geodesic określa tryb przeciągania. |
setEditable |
setEditable(editable) Parametry:
Zwracana wartość: brak
Jeśli ustawisz wartość 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 wartość mapy to 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ę dla tego wielokąta. |
setVisible |
setVisible(visible) Parametry:
Zwracana wartość: brak
Ukrywa ten poligon, jeśli jest ustawiony na false . |
Uzyskane:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Wydarzenia | |
---|---|
click |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie kliknięcia DOM zostanie wywołane w Polygonie. |
contextmenu |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM contextmenu zostanie wywołane w ramach obiektu Polygon. |
dblclick |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM dblclick jest wywoływane w ramach elementu Polygon. |
drag |
function(event) Argumenty:
To zdarzenie jest wywoływane wielokrotnie, gdy użytkownik przeciąga wielokąt. |
dragend |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik przestanie przeciągać wielokąt. |
dragstart |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik zacznie przeciągać wielokąt. |
mousedown |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mousedown zostanie wywołane w elementie Polygon. |
mousemove |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mousemove zostanie wywołane w przypadku obiektu Polygon. |
mouseout |
function(event) Argumenty:
To zdarzenie jest wywoływane po wyjściu z okna Polygon. |
mouseover |
function(event) Argumenty:
To zdarzenie jest wywoływane po najechaniu kursorem na wielokąt. |
mouseup |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mouseup zostanie wywołane w Polygon. |
|
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy klikniesz prawym przyciskiem myszy wielokąt. |
Interfejs PolygonOptions
google.maps.PolygonOptions
interfejs
Obiekt PolygonOptions służy do definiowania właściwości, które można ustawić w wielokącie.
Właściwości | |
---|---|
clickable optional |
Typ:
boolean optional Domyślnie:
true Wskazuje, czy element Polygon obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ma wartość true , użytkownik może przeciągać ten kształt po mapie. Właściwość geodesic określa tryb przeciągania. |
editable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ustawisz wartość 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 kolorów o nazwie. |
fillOpacity optional |
Typ:
number optional Przezroczystość wypełnienia w zakresie od 0,0 do 1,0 |
geodesic optional |
Typ:
boolean optional Domyślnie:
false Gdy true , krawędzie wielokąta są interpretowane jako geodezyjne i naśladują krzywiznę Ziemi. Gdy false , krawędzie wielokąta są renderowane jako proste linie w przestrzeni ekranu. Pamiętaj, że kształt wielokąta geodezyjnego może się zmienić 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 łańcuchów wielokątów wielokąt może składać się z co najmniej 1 ścieżki. W rezultacie właściwość paths może określać co najmniej 1 tablicę współrzędnych LatLng . Ścieżki są automatycznie zamykane. Nie powtarzaj pierwszego wierzchołka ścieżki jako ostatniego. Proste wielokąty można zdefiniować za pomocą pojedynczego tablicę LatLng . Bardziej złożone wielokąty mogą określać tablice tablic. Wszystkie proste tablice są konwertowane na MVCArray . Wstawianie lub usuwanie LatLng z MVCArray spowoduje automatyczne zaktualizowanie wielokąta na mapie. |
strokeColor optional |
Typ:
string optional Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych kolorów o nazwie. |
strokeOpacity optional |
Typ:
number optional Przezroczystość obrysu w zakresie od 0,0 do 1,0 |
strokePosition optional |
Typ:
StrokePosition optional Domyślnie:
StrokePosition.CENTER położenie obrysu; |
strokeWeight optional |
Typ:
number optional Szerokość obrysu w pikselach. |
visible optional |
Typ:
boolean optional Domyślnie:
true Określa, czy wielokąt jest widoczny na mapie. |
zIndex optional |
Typ:
number optional Z-index w porównaniu z innymi wielokątami. |
interfejs PolyMouseEvent,
google.maps.PolyMouseEvent
interfejs
Ten obiekt jest zwracany przez zdarzenia myszy na poliliniach i poligonach.
Ten interfejs rozszerza 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 miało miejsce w środku edytowalnego wielokąta. |
path optional |
Typ:
number optional Indeks ścieżki pod kursorem w momencie wystąpienia zdarzenia, jeśli zdarzenie miało miejsce na wierzchołku, a wielokąt jest edytowalny. 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 wielokąt lub wielokąt prosty jest edytowalny. Jeśli zdarzenie nie występuje na wierzchołku, jego wartość to undefined . |
Uzyskane:
domEvent ,
latLng
|
Metody | |
---|---|
Podane z poziomu klasy:
stop
|
Klasa Prostokąt
google.maps.Rectangle
class
Nakładka w postaci prostokąta.
Te zajęcia trwają MVCObject
.
Dostęp przez połączenie telefoniczne const {Rectangle} = await google.maps.importLibrary("maps")
. Zobacz Biblioteki w Maps JavaScript API.
Zespół | |
---|---|
Rectangle |
Rectangle([opts]) Parametry:
Tworzy prostokąt za pomocą przekazanego obiektu RectangleOptions , który określa granice i styl. |
Metody | |
---|---|
getBounds |
getBounds() Parametry: brak
Wartość zwracana:
LatLngBounds|null Zwraca granice tego prostokąta. |
getDraggable |
getDraggable() Parametry: brak
Wartość zwracana:
boolean Zwraca informację, czy użytkownik może przeciągać ten prostokąt. |
getEditable |
getEditable() Parametry: brak
Wartość zwracana:
boolean Zwraca informację, czy użytkownik może edytować ten prostokąt. |
getMap |
getMap() Parametry: brak
Wartość zwracana:
Map|null Zwraca mapę, na której wyświetla się ten prostokąt. |
getVisible |
getVisible() Parametry: brak
Wartość zwracana:
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 ustawisz wartość true , użytkownik będzie mógł przeciągać ten prostokąt po mapie. |
setEditable |
setEditable(editable) Parametry:
Zwracana wartość: brak
Jeśli ustawisz wartość true , użytkownik może edytować ten prostokąt, przeciągając punkty kontrolne widoczne w rogu i na każdej krawędzi. |
setMap |
setMap(map) Parametry:
Zwracana wartość: brak
Renderuje prostokąt na określonej mapie. Jeśli mapa ma wartość 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 ustawiono wartość false . |
Uzyskane:
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 zdarzenie kliknięcia DOM zostanie wywołane na prostokącie. |
contextmenu |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie menu kontekstowego DOM zostanie wywołane na prostokącie. |
dblclick |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM dblclick jest wywoływane w prostokącie. |
drag |
function(event) Argumenty:
To zdarzenie jest wielokrotnie wywoływane, gdy użytkownik przeciąga prostokąt. |
dragend |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik przestanie przeciągać prostokąt. |
dragstart |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik zacznie przeciągać prostokąt. |
mousedown |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mousedown zostanie wywołane na prostokącie. |
mousemove |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mousemove jest wywoływane na prostokącie. |
mouseout |
function(event) Argumenty:
To zdarzenie jest wywoływane po wyjściu z prostokąta. |
mouseover |
function(event) Argumenty:
To zdarzenie jest wywoływane po najechaniu kursorem na prostokąt. |
mouseup |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mouseup jest wywoływane w przypadku prostokąta. |
|
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy prostokąt zostanie kliknięty prawym przyciskiem myszy. |
Interfejs RectangleOptions
google.maps.RectangleOptions
interfejs
Obiekt RectangleOptions służy do definiowania właściwości, które można ustawić w prostokącie.
Właściwości | |
---|---|
bounds optional |
Typ:
LatLngBounds|LatLngBoundsLiteral optional granice; |
clickable optional |
Typ:
boolean optional Domyślnie:
true Wskazuje, czy element Rectangle obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ustawisz wartość true , użytkownik będzie mógł przeciągać ten prostokąt po mapie. |
editable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ustawisz wartość true , użytkownik może edytować ten prostokąt, przeciągając punkty kontrolne widoczne w rogu i na każdej krawędzi. |
fillColor optional |
Typ:
string optional Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych kolorów o nazwie. |
fillOpacity optional |
Typ:
number optional Przezroczystość 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 kolorów o nazwie. |
strokeOpacity optional |
Typ:
number optional Przezroczystość obrysu w zakresie od 0,0 do 1,0 |
strokePosition optional |
Typ:
StrokePosition optional Domyślnie:
StrokePosition.CENTER położenie obrysu; |
strokeWeight optional |
Typ:
number optional Szerokość obrysu w pikselach. |
visible optional |
Typ:
boolean optional Domyślnie:
true Określa, czy prostokąt jest widoczny na mapie. |
zIndex optional |
Typ:
number optional Z-index w porównaniu z innymi wielokątami. |
Okrąg
google.maps.Circle
class
Okrąg na powierzchni Ziemi; nazywany też „kulistą pokrywą”.
Te zajęcia trwają MVCObject
.
Dostęp przez połączenie telefoniczne 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
Wartość zwracana:
LatLngBounds|null Pobiera LatLngBounds tego kręgu. |
getCenter |
getCenter() Parametry: brak
Wartość zwracana:
LatLng|null Zwraca środek tego okręgu. |
getDraggable |
getDraggable() Parametry: brak
Wartość zwracana:
boolean Zwraca informację, czy użytkownik może przeciągać ten okrąg. |
getEditable |
getEditable() Parametry: brak
Wartość zwracana:
boolean Zwraca informację, czy użytkownik może edytować ten krąg. |
getMap |
getMap() Parametry: brak
Wartość zwracana:
Map|null Zwraca mapę, na której wyświetla się ten okrąg. |
getRadius |
getRadius() Parametry: brak
Wartość zwracana:
number Zwraca promień tego okręgu (w metrach). |
getVisible |
getVisible() Parametry: brak
Wartość zwracana:
boolean Zwraca informacje o tym, 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ągać ten okrąg po mapie. |
setEditable |
setEditable(editable) Parametry:
Zwracana wartość: brak
Jeśli ustawieniem jest true , użytkownik może edytować to koło, przeciągając punkty kontrolne widoczne w środku i wokół obwodu koła. |
setMap |
setMap(map) Parametry:
Zwracana wartość: brak
Renderuje okrąg na określonej mapie. Jeśli mapa jest ustawiona na null , krą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 jest ustawiony na false . |
Uzyskane:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Wydarzenia | |
---|---|
center_changed |
function() Argumenty: brak.
To zdarzenie jest wywoływane, gdy zmienia się środek koła. |
click |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie kliknięcia DOM zostanie wywołane na okręgu. |
dblclick |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM dblclick zostanie wywołane na okręgu. |
drag |
function(event) Argumenty:
To zdarzenie jest wywoływane wielokrotnie, gdy użytkownik przeciąga okrąg. |
dragend |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik przestanie przeciągać okrąg. |
dragstart |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik zacznie przeciągać okrąg. |
mousedown |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mousedown zostanie wywołane w kółku. |
mousemove |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mousemove zostanie wywołane w kółku. |
mouseout |
function(event) Argumenty:
To zdarzenie jest wywoływane po wyjściu kursora z koła. |
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 zdarzenie DOM mouseup jest wywoływane w kółku. |
radius_changed |
function() Argumenty: brak.
To zdarzenie jest wywoływane, gdy zmieni się promień koła. |
rightclick |
function(event) Argumenty:
To zdarzenie jest wywoływane, gdy klikniesz prawym przyciskiem myszy okrąg. |
Interfejs CircleOptions
google.maps.CircleOptions
interfejs
Obiekt CircleOptions służy do definiowania właściwości, które można ustawić w obiekcie Circle.
Właściwości | |
---|---|
center optional |
Typ:
LatLng|LatLngLiteral optional środek okręgu; |
clickable optional |
Typ:
boolean optional Domyślnie:
true Wskazuje, czy element Circle obsługuje zdarzenia myszy. |
draggable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ma wartość true , użytkownik może przeciągać ten okrąg po mapie. |
editable optional |
Typ:
boolean optional Domyślnie:
false Jeśli ustawieniem jest true , użytkownik może edytować to koło, przeciągając punkty kontrolne widoczne w środku i wokół obwodu koła. |
fillColor optional |
Typ:
string optional Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych kolorów o nazwie. |
fillOpacity optional |
Typ:
number optional Przezroczystość wypełnienia w zakresie od 0,0 do 1,0. |
map optional |
Typ:
Map optional Mapa, na której ma być wyświetlony 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 kolorów o nazwie. |
strokeOpacity optional |
Typ:
number optional Przezroczystość obrysu w zakresie od 0,0 do 1,0. |
strokePosition optional |
Typ:
StrokePosition optional Domyślnie:
StrokePosition.CENTER położenie obrysu; |
strokeWeight optional |
Typ:
number optional Szerokość obrysu w pikselach. |
visible optional |
Typ:
boolean optional Domyślnie:
true Określa, czy ten okrąg jest widoczny na mapie. |
zIndex optional |
Typ:
number optional Z-index w porównaniu z innymi wielokątami. |
stałe StrokePosition
google.maps.StrokePosition
stałe
Możliwe pozycje obrysu na wielokącie.
Dostęp przez połączenie telefoniczne const {StrokePosition} = await google.maps.importLibrary("maps")
. Zobacz Biblioteki w Maps JavaScript API.
Stałe | |
---|---|
CENTER |
Obrys jest wyśrodkowany na ścieżce wielokąta, a połowa obrysu znajduje się wewnątrz wielokąta, a połowa na zewnątrz. |
INSIDE |
Kontur znajduje się wewnątrz wieloboku. |
OUTSIDE |
Kontur znajduje się poza wielokątem. |