Drawing Library

Klasa DrawingManager

google.maps.drawing.DrawingManager class
extends MVCObject
library "drawing"

Umożliwia użytkownikom rysowanie na mapie znaczników, wielokątów, linii łamanych, prostokątów i okręgów. Tryb rysowania DrawingManager określa typ nakładki, która zostanie utworzona przez użytkownika. Dodaje do mapy element sterujący, który umożliwia użytkownikowi przełączanie trybu rysowania.

const {DrawingManager} = await google.maps.importLibrary("drawing");
DrawingManager
DrawingManager([options])
Parametry:
Tworzy obiekt DrawingManager, który umożliwia użytkownikom rysowanie nakładek na mapie i przełączanie się między typami nakładek do narysowania za pomocą elementu sterującego rysowaniem.
getDrawingMode
getDrawingMode()
Parametry: brak
Wartość zwracana: OverlayType|null
Zwraca tryb rysowania elementu DrawingManager.
getMap
getMap()
Parametry: brak
Wartość zwracana: Map|null
Zwraca obiekt Map, do którego jest dołączony obiekt DrawingManager, czyli obiekt Map, na którym zostaną umieszczone utworzone nakładki.
setDrawingMode
setDrawingMode(drawingMode)
Parametry:
Zwracana wartość: brak
Zmienia tryb rysowania DrawingManager, który określa typ nakładki, która zostanie dodana na mapie. Akceptowane wartości to 'marker', 'polygon', 'polyline', 'rectangle', 'circle' lub null. Tryb rysowania null oznacza, że użytkownik może normalnie korzystać z mapy, a kliknięcia nie powodują rysowania.
setMap
setMap(map)
Parametry:
  • map: Map optional
Zwracana wartość: brak
Dołącza obiekt DrawingManager do określonego Map.
setOptions
setOptions(options)
Parametry:
Zwracana wartość: brak
Ustawia opcje DrawingManager.
Dziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argumenty:
  • circle: Circle optional Okrąg, który użytkownik właśnie narysował.
To zdarzenie jest wywoływane, gdy użytkownik zakończy rysowanie okręgu.
markercomplete
function(marker)
Argumenty:
  • marker: Marker Znacznik, który użytkownik właśnie narysował.
To zdarzenie jest wywoływane, gdy użytkownik zakończy rysowanie znacznika.
overlaycomplete
function(event)
Argumenty:
  • event: OverlayCompleteEvent optional nakładka, którą użytkownik właśnie narysował, wraz z jej typem.
To zdarzenie jest wywoływane, gdy użytkownik zakończy rysowanie nakładki dowolnego typu.
polygoncomplete
function(polygon)
Argumenty:
  • polygon: Polygon Wielokąt, który użytkownik właśnie narysował.
To zdarzenie jest wywoływane, gdy użytkownik zakończy rysowanie wielokąta.
polylinecomplete
function(polyline)
Argumenty:
  • polyline: Polyline optional Linia łamana, którą użytkownik właśnie narysował.
To zdarzenie jest wywoływane, gdy użytkownik zakończy rysowanie linii łamanej.
rectanglecomplete
function(rectangle)
Argumenty:
  • rectangle: Rectangle optional Prostokąt, który użytkownik właśnie narysował.
To zdarzenie jest wywoływane, gdy użytkownik zakończy rysowanie prostokąta.

Interfejs DrawingManagerOptions

Interfejs google.maps.drawing.DrawingManagerOptions

Opcje menedżera rysowania.
circleOptions
opcjonalne
Typ: CircleOptions optional
Opcje, które zostaną zastosowane do wszystkich nowych kręgów utworzonych za pomocą tego DrawingManager. Właściwości center i radius są ignorowane, a właściwość map nowego okręgu jest zawsze ustawiana na mapę DrawingManager.
drawingControl
opcjonalne
Typ: boolean optional
Domyślnie: true
Stan włączenia/wyłączenia elementu sterującego rysowaniem.
drawingControlOptions
opcjonalne
Typ: DrawingControlOptions optional
Opcje wyświetlania elementu sterującego rysowaniem.
drawingMode
opcjonalne
Typ: OverlayType optional
Tryb rysowania DrawingManager, który określa typ nakładki do dodania na mapie. Akceptowane wartości to 'marker', 'polygon', 'polyline', 'rectangle', 'circle' lub null. Tryb rysowania null oznacza, że użytkownik może normalnie korzystać z mapy, a kliknięcia nie powodują rysowania.
map
opcjonalne
Typ: Map optional
Map, do którego jest dołączony DrawingManager, czyli Map, na którym zostaną umieszczone utworzone nakładki.
markerOptions
opcjonalne
Typ: MarkerOptions optional
Opcje, które mają być stosowane do wszystkich nowych znaczników utworzonych za pomocą tego elementu DrawingManager. Właściwość position jest ignorowana, a właściwość map nowego znacznika jest zawsze ustawiana na mapę DrawingManager.
polygonOptions
opcjonalne
Typ: PolygonOptions optional
Opcje, które zostaną zastosowane do wszystkich nowych wielokątów utworzonych za pomocą tego narzędzia (DrawingManager). Właściwość paths jest ignorowana, a właściwość map nowego wielokąta jest zawsze ustawiana na mapę DrawingManager.
polylineOptions
opcjonalne
Typ: PolylineOptions optional
Opcje, które mają być stosowane do nowych linii łamanych utworzonych za pomocą tego elementu DrawingManager. Właściwość path jest ignorowana, a właściwość map nowej linii łamanej jest zawsze ustawiana na mapę DrawingManager.
rectangleOptions
opcjonalne
Typ: RectangleOptions optional
Opcje, które zostaną zastosowane do wszystkich nowych prostokątów utworzonych za pomocą tego narzędzia: DrawingManager. Właściwość bounds jest ignorowana, a właściwość map nowego prostokąta jest zawsze ustawiana na mapę DrawingManager.

Interfejs DrawingControlOptions

Interfejs google.maps.drawing.DrawingControlOptions

Opcje renderowania elementu sterującego rysowaniem.
drawingModes
opcjonalne
Typ: Array<OverlayType> optional
Domyślnie: [OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON]
Tryby rysowania, które mają być wyświetlane w elemencie sterującym rysowaniem, w kolejności, w jakiej mają być wyświetlane. Ikona dłoni (która odpowiada trybowi rysowania null) jest zawsze dostępna i nie należy jej określać w tej tablicy.
position
opcjonalne
Typ: ControlPosition optional
Domyślnie: ControlPosition.TOP_LEFT
Identyfikator pozycji. Służy do określania pozycji elementu sterującego na mapie.

Interfejs OverlayCompleteEvent

Interfejs google.maps.drawing.OverlayCompleteEvent

Właściwości zdarzenia overlaycomplete w obiekcie DrawingManager.
overlay
Ukończona nakładka.
type
Typ ukończonej nakładki.

Stałe OverlayType

google.maps.drawing.OverlayType stałe
biblioteka "drawing"

Typy nakładek, które mogą być tworzone przez DrawingManager. Możesz je określić za pomocą wartości lub nazwy stałej. Na przykład 'polygon' lub google.maps.drawing.OverlayType.POLYGON.

Te stałe mogą być też używane jako ciągi znaków. W języku TypeScript literały ciągów znaków są definiowane przez typ OverlayTypeString.

const {OverlayType} = await google.maps.importLibrary("drawing");
CIRCLE Określa, że DrawingManager tworzy okręgi, a nakładka podana w zdarzeniu overlaycomplete jest okręgiem.
MARKER Określa, że DrawingManager tworzy znaczniki i że nakładka podana w zdarzeniu overlaycomplete jest znacznikiem.
POLYGON Określa, że DrawingManager tworzy wielokąty, a nakładka podana w zdarzeniu overlaycomplete jest wielokątem.
POLYLINE Określa, że DrawingManager tworzy linie łamane i że nakładka podana w zdarzeniu overlaycomplete jest linią łamaną.
RECTANGLE Określa, że DrawingManager tworzy prostokąty, a nakładka podana w zdarzeniu overlaycomplete jest prostokątem.