Polygons

Klasa Polyline

class google.maps.Polyline extends MVCObject
library "maps"

Linia łamana to liniowa nakładka połączonych odcinków na mapie.

const {Polyline} = await google.maps.importLibrary("maps");
Polyline
Polyline([opts])
Parametry:
Utwórz linię łamaną, używając przekazanego obiektu PolylineOptions, który określa zarówno ścieżkę linii łamanej, jak i styl obrysu, który ma być używany podczas rysowania linii łamanej. Podczas tworzenia linii łamanej możesz przekazać tablicę obiektów LatLng lub obiekt MVCArray obiektów LatLng, ale proste tablice są konwertowane na obiekty MVCArray w linii łamanej podczas tworzenia instancji.
getDraggable
getDraggable()
Parametry: brak
Wartość zwracana: boolean
Zwraca informację, czy użytkownik może przeciągnąć 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
Wartość zwracana: MVCArray<LatLng>
Pobiera ścieżkę.
getVisible
getVisible()
Parametry: brak
Wartość zwracana: boolean
Zwraca informację, czy ten wielokąt jest widoczny na mapie.
setDraggable
setDraggable(draggable)
Parametry:
  • draggable: boolean
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 sposób przeciągania.
setEditable
setEditable(editable)
Parametry:
  • editable: boolean
Zwracana wartość: brak
Jeśli ustawisz wartość true, użytkownik będzie mógł edytować ten kształt, przeciągając punkty kontrolne widoczne w wierzchołkach i na każdym segmencie.
setMap
setMap(map)
Parametry:
  • map: Map 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 na stronie PolylineOptions.
setVisible
setVisible(visible)
Parametry:
  • visible: boolean
Zwracana wartość: brak
Jeśli ustawisz wartość false, ten wielokąt zostanie ukryty.
Dziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie kliknięcia DOM jest wywoływane na obiekcie Polyline.
contextmenu
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie contextmenu DOM jest wywoływane na obiekcie Polyline.
dblclick
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM dblclick jest wywoływane na obiekcie Polyline.
drag
function(event)
Argumenty:
To zdarzenie jest wywoływane wielokrotnie, gdy użytkownik przeciąga łamaną.
dragend
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik przestaje przeciągać łamaną.
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 zdarzenie mousedown DOM jest wywoływane na obiekcie Polyline.
mousemove
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie mousemove DOM jest wywoływane na obiekcie Polyline.
mouseout
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy kursor myszy opuszcza łamaną.
mouseover
function(event)
Argumenty:
To zdarzenie jest wywoływane po najechaniu kursorem na łamaną.
mouseup
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy na obiekcie Polyline zostanie wywołane zdarzenie DOM mouseup.
rightclick
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy użytkownik kliknie prawym przyciskiem myszy polilinię.

Interfejs PolylineOptions

interfejs google.maps.PolylineOptions

Obiekt PolylineOptions używany do definiowania właściwości, które można ustawić w obiekcie Polyline.
clickable
opcjonalne
Typ: boolean optional
Domyślnie: true
Wskazuje, czy ten element Polyline obsługuje zdarzenia myszy.
draggable
opcjonalne
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
opcjonalne
Typ: boolean optional
Domyślnie: false
Jeśli ustawisz wartość true, użytkownik będzie mógł edytować ten kształt, przeciągając punkty kontrolne widoczne w wierzchołkach i na każdym segmencie.
geodesic
opcjonalne
Typ: boolean optional
Domyślnie: false
Gdy parametr ma wartość true, krawędzie wielokąta są interpretowane jako geodezyjne i będą podążać za krzywizną Ziemi. Gdy wartość wynosi false, krawędzie wielokąta są renderowane jako linie proste w przestrzeni ekranu. Zwróć uwagę, że kształt wielokąta geodezyjnego może się zmieniać podczas przeciągania, ponieważ wymiary są zachowywane względem powierzchni Ziemi.
icons
opcjonalne
Typ: Array<IconSequence> optional
Ikony, które mają być renderowane wzdłuż linii łamanej.
map
opcjonalne
Typ: Map optional
Mapa, na której ma być wyświetlana linia łamana.
path
opcjonalne
Uporządkowana sekwencja współrzędnych linii łamanej. Tę ścieżkę można określić za pomocą prostej tablicy obiektów LatLng lub obiektu MVCArray zawierającego obiekty LatLng. Pamiętaj, że jeśli przekażesz prostą tablicę, zostanie ona przekonwertowana na MVCArray. Wstawianie lub usuwanie obiektów LatLng w MVCArray spowoduje automatyczne zaktualizowanie linii łamanej na mapie.
strokeColor
opcjonalne
Typ: string optional
Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów.
strokeOpacity
opcjonalne
Typ: number optional
Przezroczystość obrysu od 0,0 do 1,0.
strokeWeight
opcjonalne
Typ: number optional
Szerokość obrysu w pikselach.
visible
opcjonalne
Typ: boolean optional
Domyślnie: true
Określa, czy ta linia łamana jest widoczna na mapie.
zIndex
opcjonalne
Typ: number optional
Wartość zIndex w porównaniu z innymi wielokątami.

Interfejs IconSequence

interfejs google.maps.IconSequence

Opisuje sposób renderowania ikon na linii.

Jeśli linia łamana 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
opcjonalne
Typ: boolean optional
Domyślnie: false
Jeśli true, każda ikona w sekwencji ma taki sam stały obrót niezależnie od kąta krawędzi, na której się znajduje. Jeśli false, każda ikona w sekwencji jest obracana, aby dopasować ją do krawędzi.
icon
opcjonalne
Typ: Symbol optional
Ikona do renderowania na linii.
offset
opcjonalne
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. „50px”).
repeat
opcjonalne
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. „50px”). Aby wyłączyć powtarzanie ikony, wpisz „0”.

Klasa Polygon

class google.maps.Polygon extends MVCObject
library "maps"

Wielokąt (podobnie jak linia łamana) definiuje serię połączonych współrzędnych w uporządkowanej sekwencji. Dodatkowo wielokąty tworzą zamkniętą pętlę i definiują wypełniony region. Zobacz przykłady w przewodniku dla programistów, zaczynając od prostego wielokąta, wielokąta z otworem i innych. Pamiętaj, że do utworzenia wielokąta możesz też użyć warstwy danych. Warstwa danych ułatwia tworzenie otworów, ponieważ obsługuje kolejność ścieżek wewnętrznych i zewnętrznych.

const {Polygon} = await google.maps.importLibrary("maps");
Polygon
Polygon([opts])
Parametry:
Utwórz wielokąt, używając przekazanych parametrów PolygonOptions, które określają ścieżkę wielokąta, styl obrysu krawędzi wielokąta i styl wypełnienia jego obszarów wewnętrznych. Wielokąt może zawierać co najmniej 1 ścieżkę, z których każda składa się z tablicy obiektów LatLng. Podczas tworzenia tych ścieżek możesz przekazać tablicę LatLngs lub MVCArray obiektów LatLng. Tablice są konwertowane na obiekty MVCArray w wielokącie po utworzeniu instancji.
getDraggable
getDraggable()
Parametry: brak
Wartość zwracana: boolean
Zwraca informację, czy użytkownik może przeciągnąć 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
Wartość zwracana: MVCArray<LatLng>
Pobiera pierwszą ścieżkę.
getPaths
getPaths()
Parametry: brak
Wartość zwracana: MVCArray<MVCArray<LatLng>>
Pobiera ścieżki dla tego wielokąta.
getVisible
getVisible()
Parametry: brak
Wartość zwracana: boolean
Zwraca informację, czy ten wielokąt jest widoczny na mapie.
setDraggable
setDraggable(draggable)
Parametry:
  • draggable: boolean
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 sposób przeciągania.
setEditable
setEditable(editable)
Parametry:
  • editable: boolean
Zwracana wartość: brak
Jeśli ustawisz wartość true, użytkownik będzie mógł edytować ten kształt, przeciągając punkty kontrolne widoczne w wierzchołkach i na każdym segmencie.
setMap
setMap(map)
Parametry:
  • map: Map 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 na stronie PolygonOptions.
setPaths
setPaths(paths)
Parametry:
Zwracana wartość: brak
Ustawia ścieżkę dla tego wielokąta.
setVisible
setVisible(visible)
Parametry:
  • visible: boolean
Zwracana wartość: brak
Jeśli ustawisz wartość false, ten wielokąt zostanie ukryty.
Dziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie kliknięcia DOM jest wywoływane na wielokącie.
contextmenu
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy na wielokącie wywoływane jest zdarzenie contextmenu DOM.
dblclick
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy na wielokącie zostanie wywołane zdarzenie dblclick DOM.
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 przestaje 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 obiekcie Polygon wywoływane jest zdarzenie DOM mousedown.
mousemove
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy zdarzenie DOM mousemove jest wywoływane na wielokącie.
mouseout
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy kursor myszy opuszcza wielokąt.
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 w obiekcie Polygon zostanie wywołane zdarzenie DOM mouseup.
rightclick
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy klikniesz wielokąt prawym przyciskiem myszy.

Interfejs PolygonOptions

interfejs google.maps.PolygonOptions

Obiekt PolygonOptions służący do definiowania właściwości, które można ustawić dla wielokąta.
clickable
opcjonalne
Typ: boolean optional
Domyślnie: true
Wskazuje, czy ten element Polygon obsługuje zdarzenia myszy.
draggable
opcjonalne
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
opcjonalne
Typ: boolean optional
Domyślnie: false
Jeśli ustawisz wartość true, użytkownik będzie mógł edytować ten kształt, przeciągając punkty kontrolne widoczne w wierzchołkach i na każdym segmencie.
fillColor
opcjonalne
Typ: string optional
Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów.
fillOpacity
opcjonalne
Typ: number optional
Nieprzezroczystość wypełnienia od 0,0 do 1,0.
geodesic
opcjonalne
Typ: boolean optional
Domyślnie: false
Gdy parametr ma wartość true, krawędzie wielokąta są interpretowane jako geodezyjne i będą podążać za krzywizną Ziemi. Gdy wartość wynosi false, krawędzie wielokąta są renderowane jako linie proste w przestrzeni ekranu. Zwróć uwagę, że kształt wielokąta geodezyjnego może się zmieniać podczas przeciągania, ponieważ wymiary są zachowywane względem powierzchni Ziemi.
map
opcjonalne
Typ: Map optional
Mapa, na której ma być wyświetlany wielokąt.
paths
opcjonalne
Uporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. W przeciwieństwie do linii łamanych wielokąt może składać się z jednej lub kilku ścieżek. 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 definiować za pomocą pojedynczej tablicy obiektów LatLng. Bardziej złożone wielokąty mogą określać tablicę tablic. Wszystkie proste tablice są konwertowane na obiekty MVCArray. Wstawienie lub usunięcie LatLng z MVCArray spowoduje automatyczne zaktualizowanie wielokąta na mapie.
strokeColor
opcjonalne
Typ: string optional
Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów.
strokeOpacity
opcjonalne
Typ: number optional
Nieprzezroczystość linii od 0,0 do 1,0.
strokePosition
opcjonalne
Typ: StrokePosition optional
Domyślnie: StrokePosition.CENTER
Pozycja obrysu.
strokeWeight
opcjonalne
Typ: number optional
Szerokość obrysu w pikselach.
visible
opcjonalne
Typ: boolean optional
Domyślnie: true
Określa, czy ten wielokąt jest widoczny na mapie.
zIndex
opcjonalne
Typ: number optional
Wartość zIndex w porównaniu z innymi wielokątami.

Interfejs PolyMouseEvent

interface google.maps.PolyMouseEvent extends MapMouseEvent

Ten obiekt jest zwracany przez zdarzenia myszy na liniach łamanych i wielokątach.
edge
opcjonalne
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
opcjonalne
Typ: number optional
Indeks ścieżki pod kursorem w momencie wystąpienia zdarzenia, jeśli zdarzenie wystąpiło na wierzchołku, a wielokąt można edytować. W innym przypadku: undefined.
vertex
opcjonalne
Typ: number optional
Indeks wierzchołka pod kursorem w momencie wystąpienia zdarzenia, jeśli zdarzenie wystąpiło na wierzchołku, a polilinię lub wielokąt można edytować. Jeśli zdarzenie nie występuje w wierzchołku, wartość wynosi undefined.
Dziedziczone: domEvent, latLng
Dziedziczone: stop

Rectangle class

class google.maps.Rectangle extends MVCObject
library "maps"

Nakładka prostokątna.

const {Rectangle} = await google.maps.importLibrary("maps");
Rectangle
Rectangle([opts])
Parametry:
Utwórz prostokąt, używając przekazanych parametrów RectangleOptions, które określają granice i styl.
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 ten prostokąt może być edytowany przez użytkownika.
getMap
getMap()
Parametry: brak
Wartość zwracana: Map|null
Zwraca mapę, na której wyświetlany jest 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:
  • draggable: boolean
Zwracana wartość: brak
Jeśli ma wartość true, użytkownik może przeciągać ten prostokąt po mapie.
setEditable
setEditable(editable)
Parametry:
  • editable: boolean
Zwracana wartość: brak
Jeśli ustawisz wartość true, użytkownik będzie mógł edytować ten prostokąt, przeciągając punkty kontrolne widoczne w rogach i na każdej krawędzi.
setMap
setMap(map)
Parametry:
  • map: Map optional
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:
  • visible: boolean
Zwracana wartość: brak
Jeśli ma wartość false, ukrywa ten prostokąt.
Dziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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 na prostokącie zostanie wywołane zdarzenie kliknięcia DOM.
contextmenu
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy na prostokącie zostanie wywołane zdarzenie DOM contextmenu.
dblclick
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy w prostokącie występuje zdarzenie dblclick DOM.
drag
function(event)
Argumenty:
To zdarzenie jest wywoływane wielokrotnie, 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 zaczyna przeciągać prostokąt.
mousedown
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy na prostokącie zostanie wywołane zdarzenie mousedown DOM.
mousemove
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy na prostokącie zostanie wywołane zdarzenie mousemove DOM.
mouseout
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy kursor myszy opuszcza prostokąt.
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 na prostokącie zostanie wywołane zdarzenie DOM mouseup.
rightclick
function(event)
Argumenty:
To zdarzenie jest wywoływane po kliknięciu prostokąta prawym przyciskiem myszy.

Interfejs RectangleOptions

interfejs google.maps.RectangleOptions

Obiekt RectangleOptions służący do definiowania właściwości, które można ustawić w obiekcie Rectangle.
bounds
opcjonalne
Granice.
clickable
opcjonalne
Typ: boolean optional
Domyślnie: true
Wskazuje, czy ten element Rectangle obsługuje zdarzenia myszy.
draggable
opcjonalne
Typ: boolean optional
Domyślnie: false
Jeśli ma wartość true, użytkownik może przeciągać ten prostokąt po mapie.
editable
opcjonalne
Typ: boolean optional
Domyślnie: false
Jeśli ustawisz wartość true, użytkownik będzie mógł edytować ten prostokąt, przeciągając punkty kontrolne widoczne w rogach i na każdej krawędzi.
fillColor
opcjonalne
Typ: string optional
Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów.
fillOpacity
opcjonalne
Typ: number optional
Nieprzezroczystość wypełnienia od 0,0 do 1,0.
map
opcjonalne
Typ: Map optional
Mapa, na której ma być wyświetlany prostokąt.
strokeColor
opcjonalne
Typ: string optional
Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów.
strokeOpacity
opcjonalne
Typ: number optional
Nieprzezroczystość linii od 0,0 do 1,0.
strokePosition
opcjonalne
Typ: StrokePosition optional
Domyślnie: StrokePosition.CENTER
Pozycja obrysu.
strokeWeight
opcjonalne
Typ: number optional
Szerokość obrysu w pikselach.
visible
opcjonalne
Typ: boolean optional
Domyślnie: true
Określa, czy ten prostokąt jest widoczny na mapie.
zIndex
opcjonalne
Typ: number optional
Wartość zIndex w porównaniu z innymi wielokątami.

Klasa Circle

class google.maps.Circle extends MVCObject
library "maps"

Okrąg na powierzchni Ziemi, znany również jako „czapa sferyczna”.

const {Circle} = await google.maps.importLibrary("maps");
Circle
Circle([circleOrCircleOptions])
Parametry:
Utwórz okrąg, używając przekazanych parametrów CircleOptions, które określają środek, promień i styl.
getBounds
getBounds()
Parametry: brak
Wartość zwracana: LatLngBounds|null
Pobiera LatLngBounds tego okrę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 okrąg.
getMap
getMap()
Parametry: brak
Wartość zwracana: Map|null
Zwraca mapę, na której wyświetlane jest to koło.
getRadius
getRadius()
Parametry: brak
Wartość zwracana: number
Zwraca promień tego okręgu (w metrach).
getVisible
getVisible()
Parametry: brak
Wartość zwracana: 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:
  • draggable: boolean
Zwracana wartość: brak
Jeśli ma wartość true, użytkownik może przeciągnąć ten okrąg nad mapę.
setEditable
setEditable(editable)
Parametry:
  • editable: boolean
Zwracana wartość: brak
Jeśli ustawisz wartość true, użytkownik będzie mógł edytować ten okrąg, przeciągając punkty kontrolne widoczne w środku i na obwodzie okręgu.
setMap
setMap(map)
Parametry:
  • map: Map optional
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:
  • radius: number
Zwracana wartość: brak
Ustawia promień tego okręgu (w metrach).
setVisible
setVisible(visible)
Parametry:
  • visible: boolean
Zwracana wartość: brak
Jeśli ustawisz wartość false, ten krąg będzie ukryty.
Dziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
center_changed
function()
Argumenty: brak
To zdarzenie jest wywoływane, gdy zmienia się środek okręgu.
click
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy na okręgu zostanie wywołane zdarzenie kliknięcia DOM.
dblclick
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy na okręgu zostanie wywołane zdarzenie dblclick DOM.
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 przestaje 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 na okręgu zostanie wywołane zdarzenie mousedown DOM.
mousemove
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy na okręgu zostanie wywołane zdarzenie DOM mousemove.
mouseout
function(event)
Argumenty:
To zdarzenie jest wywoływane, gdy kursor myszy opuszcza okrąg.
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 na okręgu zostanie wywołane zdarzenie DOM mouseup.
radius_changed
function()
Argumenty: brak
To zdarzenie jest wywoływane, gdy promień okręgu zostanie zmieniony.
rightclick
function(event)
Argumenty:
To zdarzenie jest wywoływane po kliknięciu koła prawym przyciskiem myszy.

CircleOptions interface

interfejs google.maps.CircleOptions
rozszerzony przez CircleLiteral

Obiekt CircleOptions służący do definiowania właściwości, które można ustawić w obiekcie Circle.
center
opcjonalne
Typ: LatLng|LatLngLiteral optional
Środek okręgu.
clickable
opcjonalne
Typ: boolean optional
Domyślnie: true
Wskazuje, czy ten element Circle obsługuje zdarzenia myszy.
draggable
opcjonalne
Typ: boolean optional
Domyślnie: false
Jeśli ma wartość true, użytkownik może przeciągnąć ten okrąg nad mapę.
editable
opcjonalne
Typ: boolean optional
Domyślnie: false
Jeśli ustawisz wartość true, użytkownik będzie mógł edytować ten okrąg, przeciągając punkty kontrolne widoczne w środku i na obwodzie okręgu.
fillColor
opcjonalne
Typ: string optional
Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów.
fillOpacity
opcjonalne
Typ: number optional
Nieprzezroczystość wypełnienia od 0,0 do 1,0.
map
opcjonalne
Typ: Map optional
Mapa, na której ma być wyświetlany okrąg.
radius
opcjonalne
Typ: number optional
Promień w metrach na powierzchni Ziemi.
strokeColor
opcjonalne
Typ: string optional
Kolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów.
strokeOpacity
opcjonalne
Typ: number optional
Przezroczystość obrysu od 0,0 do 1,0.
strokePosition
opcjonalne
Typ: StrokePosition optional
Domyślnie: StrokePosition.CENTER
Pozycja obrysu.
strokeWeight
opcjonalne
Typ: number optional
Szerokość obrysu w pikselach.
visible
opcjonalne
Typ: boolean optional
Domyślnie: true
Określa, czy ten okrąg jest widoczny na mapie.
zIndex
opcjonalne
Typ: number optional
Wartość zIndex w porównaniu z innymi wielokątami.

Stałe StrokePosition

stałe google.maps.StrokePosition
biblioteka "maps"

Możliwe pozycje obrysu na wielokącie.

const {StrokePosition} = await google.maps.importLibrary("maps");
CENTER Obrys jest wyśrodkowany na ścieżce wielokąta, przy czym połowa obrysu znajduje się wewnątrz wielokąta, a połowa na zewnątrz.
INSIDE Obrys znajduje się wewnątrz wielokąta.
OUTSIDE Obrys znajduje się poza wielokątem.