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ówLatLnglub tablicęMVCArrayobiektówLatLng, chociaż proste tablice są konwertowane na obiektyMVCArrayw polilinii podczas tworzenia instancji. | 
| Metody | |
|---|---|
| getDraggable | getDraggable()Parametry: brak Zwracana wartość:   booleanZwraca informację, czy użytkownik może przeciągnąć ten kształt. | 
| getEditable | getEditable()Parametry: brak Zwracana wartość:   booleanZwraca informację, czy użytkownik może edytować ten kształt. | 
| getMap | getMap()Parametry: brak Zwracana wartość:   Map|nullZwraca mapę, do której jest dołączony ten kształt. | 
| getPath | getPath()Parametry: brak Pobiera ścieżkę. | 
| getVisible | getVisible()Parametry: brak Zwracana wartość:   booleanZwraca 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śćgeodesicokreś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.PolylineOptionsinterfejs
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 optionalDomyślnie:  trueWskazuje, czy ten element  Polylineobsługuje zdarzenia myszy. | 
| draggable optional | Typ:   boolean optionalDomyślnie:  falseJeśli ma wartość  true, użytkownik może przeciągnąć ten kształt na mapę. Właściwośćgeodesicokreśla tryb przeciągania. | 
| editable optional | Typ:   boolean optionalDomyślnie:  falseJeś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 optionalDomyślnie:  falseGdy jest włączona opcja  true, krawędzie wielokąta są interpretowane jako geodezyjne i podążają za krzywizną Ziemi. Gdyfalse, 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> optionalIkony, które mają być renderowane wzdłuż linii łamanej. | 
| map optional | Typ:   Map optionalMapa, na której ma być wyświetlana linia łamana. | 
| path optional | Typ:   MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optionalUporządkowana sekwencja współrzędnych linii łamanej. Ścieżkę można określić za pomocą prostej tablicy elementów  LatLnglub tablicyMVCArrayelementówLatLng. Pamiętaj, że jeśli przekażesz prostą tablicę, zostanie ona przekonwertowana naMVCArrayWstawianie i usuwanie obiektów LatLng wMVCArrayautomatycznie aktualizuje polilinię na mapie. | 
| strokeColor optional | Typ:   string optionalKolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. | 
| strokeOpacity optional | Typ:   number optionalPrzezroczystość obrysu w zakresie od 0,0 do 1,0. | 
| strokeWeight optional | Typ:   number optionalSzerokość linii w pikselach. | 
| visible optional | Typ:   boolean optionalDomyślnie:  trueOkreśla, czy linia łamana jest widoczna na mapie. | 
| zIndex optional | Typ:   number optionalwartość 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.
| Właściwości | |
|---|---|
| fixedRotation optional | Typ:   boolean optionalDomyślnie:  falseJeś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ślifalse, każdy symbol w sekwencji jest obracany tak, aby był wyrównany do krawędzi. | 
| icon optional | Typ:   Symbol optionalIkona do wyrenderowania na linii. | 
| offset optional | Typ:   string optionalDomyś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 optionalDomyślnie:  0Odległ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 tablicyLatLng. Podczas tworzenia tych ścieżek możesz przekazać tablicę obiektów LatLng lubMVCArrayobiektówLatLng. Tablice są konwertowane naMVCArrayw wielokącie podczas tworzenia instancji. | 
| Metody | |
|---|---|
| getDraggable | getDraggable()Parametry: brak Zwracana wartość:   booleanZwraca informację, czy użytkownik może przeciągnąć ten kształt. | 
| getEditable | getEditable()Parametry: brak Zwracana wartość:   booleanZwraca informację, czy użytkownik może edytować ten kształt. | 
| getMap | getMap()Parametry: brak Zwracana wartość:   Map|nullZwraca 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ść:   booleanZwraca 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śćgeodesicokreś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.PolygonOptionsinterfejs
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 optionalDomyślnie:  trueWskazuje, czy ten element  Polygonobsługuje zdarzenia myszy. | 
| draggable optional | Typ:   boolean optionalDomyślnie:  falseJeśli ma wartość  true, użytkownik może przeciągnąć ten kształt na mapę. Właściwośćgeodesicokreśla tryb przeciągania. | 
| editable optional | Typ:   boolean optionalDomyślnie:  falseJeś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 optionalKolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. | 
| fillOpacity optional | Typ:   number optionalNieprzezroczystość wypełnienia w zakresie od 0,0 do 1,0. | 
| geodesic optional | Typ:   boolean optionalDomyślnie:  falseGdy jest włączona opcja  true, krawędzie wielokąta są interpretowane jako geodezyjne i podążają za krzywizną Ziemi. Gdyfalse, 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 optionalMapa, na której ma być wyświetlany wielokąt. | 
| paths optional | Typ:   MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optionalUporzą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 tablicyLatLng. W przypadku bardziej złożonych wielokątów można określić tablicę tablic. Wszystkie proste tablice są przekształcane wMVCArray. Wstawienie lub usunięcieLatLngzMVCArrayautomatycznie zaktualizuje wielokąt na mapie. | 
| strokeColor optional | Typ:   string optionalKolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. | 
| strokeOpacity optional | Typ:   number optionalPrzezroczystość konturu w zakresie od 0,0 do 1,0. | 
| strokePosition optional | Typ:   StrokePosition optionalDomyślnie:  StrokePosition.CENTERPozycja pociągnięcia. | 
| strokeWeight optional | Typ:   number optionalSzerokość linii w pikselach. | 
| visible optional | Typ:   boolean optionalDomyślnie:  trueOkreśla, czy wielokąt jest widoczny na mapie. | 
| zIndex optional | Typ:   number optionalwartość zIndex w porównaniu z innymi wielokątami; | 
PolyMouseEvent interfejs
google.maps.PolyMouseEventinterfejs
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 optionalIndeks 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 optionalIndeks ś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 optionalIndeks 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|nullZwraca granice tego prostokąta. | 
| getDraggable | getDraggable()Parametry: brak Zwracana wartość:   booleanZwraca informację, czy użytkownik może przeciągnąć ten prostokąt. | 
| getEditable | getEditable()Parametry: brak Zwracana wartość:   booleanZwraca informację, czy użytkownik może edytować ten prostokąt. | 
| getMap | getMap()Parametry: brak Zwracana wartość:   Map|nullZwraca mapę, na której wyświetlany jest ten prostokąt. | 
| getVisible | getVisible()Parametry: brak Zwracana wartość:   booleanZwraca 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.RectangleOptionsinterfejs
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 optionalOgraniczenia. | 
| clickable optional | Typ:   boolean optionalDomyślnie:  trueWskazuje, czy ten element  Rectangleobsługuje zdarzenia myszy. | 
| draggable optional | Typ:   boolean optionalDomyślnie:  falseJeśli ta opcja ma wartość  true, użytkownik może przeciągnąć ten prostokąt po mapie. | 
| editable optional | Typ:   boolean optionalDomyślnie:  falseJeś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 optionalKolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. | 
| fillOpacity optional | Typ:   number optionalNieprzezroczystość wypełnienia w zakresie od 0,0 do 1,0. | 
| map optional | Typ:   Map optionalMapa, na której ma być wyświetlany prostokąt. | 
| strokeColor optional | Typ:   string optionalKolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. | 
| strokeOpacity optional | Typ:   number optionalPrzezroczystość konturu w zakresie od 0,0 do 1,0. | 
| strokePosition optional | Typ:   StrokePosition optionalDomyślnie:  StrokePosition.CENTERPozycja pociągnięcia. | 
| strokeWeight optional | Typ:   number optionalSzerokość linii w pikselach. | 
| visible optional | Typ:   boolean optionalDomyślnie:  trueOkreśla, czy ten prostokąt jest widoczny na mapie. | 
| zIndex optional | Typ:   number optionalwartość 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|nullZwraca  LatLngBoundstego kręgu. | 
| getCenter | getCenter()Parametry: brak Zwracana wartość:   LatLng|nullZwraca środek tego okręgu. | 
| getDraggable | getDraggable()Parametry: brak Zwracana wartość:   booleanZwraca informację, czy użytkownik może przeciągnąć ten okrąg. | 
| getEditable | getEditable()Parametry: brak Zwracana wartość:   booleanZwraca informację, czy użytkownik może edytować ten krąg. | 
| getMap | getMap()Parametry: brak Zwracana wartość:   Map|nullZwraca mapę, na której wyświetlany jest ten okrąg. | 
| getRadius | getRadius()Parametry: brak Zwracana wartość:   numberZwraca promień tego okręgu (w metrach). | 
| getVisible | getVisible()Parametry: brak Zwracana wartość:   booleanZwraca 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.CircleOptionsinterfejs
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 optionalDomyślnie:  trueWskazuje, czy ten element  Circleobsługuje zdarzenia myszy. | 
| draggable optional | Typ:   boolean optionalDomyślnie:  falseJeśli ma wartość  true, użytkownik może przeciągnąć ten okrąg po mapie. | 
| editable optional | Typ:   boolean optionalDomyślnie:  falseJeś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 optionalKolor wypełnienia. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. | 
| fillOpacity optional | Typ:   number optionalNieprzezroczystość wypełnienia z zakresu od 0,0 do 1,0. | 
| map optional | Typ:   Map optionalMapa, na której ma być wyświetlany okrąg. | 
| radius optional | Typ:   number optionalPromień w metrach na powierzchni Ziemi. | 
| strokeColor optional | Typ:   string optionalKolor konturu. Obsługiwane są wszystkie kolory CSS3 z wyjątkiem rozszerzonych nazw kolorów. | 
| strokeOpacity optional | Typ:   number optionalPrzezroczystość obrysu w zakresie od 0,0 do 1,0. | 
| strokePosition optional | Typ:   StrokePosition optionalDomyślnie:  StrokePosition.CENTERPozycja pociągnięcia. | 
| strokeWeight optional | Typ:   number optionalSzerokość linii w pikselach. | 
| visible optional | Typ:   boolean optionalDomyślnie:  trueOkreśla, czy okrąg jest widoczny na mapie. | 
| zIndex optional | Typ:   number optionalwartość 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. |