Drawing Library

Class DrawingManager

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

Tidak digunakan lagi: Fungsi library gambar di Maps JavaScript API tidak digunakan lagi. API ini tidak digunakan lagi pada Agustus 2025 dan tidak akan tersedia di Maps JavaScript API versi yang lebih baru, yang akan dirilis pada Mei 2026. Untuk mengetahui info selengkapnya, lihat https://developers.google.com/maps/deprecations

Memungkinkan pengguna menggambar penanda, poligon, polyline, persegi panjang, dan lingkaran pada peta. Mode gambar DrawingManager menentukan jenis overlay yang akan dibuat oleh pengguna. Menambahkan kontrol ke peta, sehingga pengguna dapat beralih mode gambar.

const {DrawingManager} = await google.maps.importLibrary("drawing");

Konstruktor
DrawingManager	DrawingManager([options]) Parameter: options: DrawingManagerOptions optional Membuat DrawingManager yang memungkinkan pengguna menggambar overlay di peta, dan beralih di antara jenis overlay yang akan digambar dengan kontrol gambar.

Metode
getDrawingMode	getDrawingMode() Parameter: Tidak ada Nilai Hasil: OverlayType|null Menampilkan mode gambar DrawingManager.
getMap	getMap() Parameter: Tidak ada Nilai Hasil: Map|null Menampilkan Map yang dilampirkan ke DrawingManager, yang merupakan Map tempat overlay yang dibuat akan ditempatkan.
setDrawingMode	setDrawingMode(drawingMode) Parameter: drawingMode: OverlayType optional Nilai Hasil: Tidak ada Mengubah mode gambar DrawingManager, yang menentukan jenis overlay yang akan ditambahkan di peta. Nilai yang diterima adalah 'marker', 'polygon', 'polyline', 'rectangle', 'circle', atau null. Mode gambar null berarti pengguna dapat berinteraksi dengan peta seperti biasa, dan klik tidak menggambar apa pun.
setMap	setMap(map) Parameter: map: Map optional Nilai Hasil: Tidak ada Melampirkan objek DrawingManager ke Map yang ditentukan.
setOptions	setOptions(options) Parameter: options: DrawingManagerOptions optional Nilai Hasil: Tidak ada Menetapkan opsi DrawingManager.
Diwarisi: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Acara
circlecomplete	function(circle) Argumen: circle: Circle optional Lingkaran yang baru saja digambar pengguna. Peristiwa ini diaktifkan saat pengguna selesai menggambar lingkaran.
markercomplete	function(marker) Argumen: marker: Marker Penanda yang baru saja digambar pengguna. Peristiwa ini diaktifkan saat pengguna selesai menggambar penanda.
overlaycomplete	function(event) Argumen: event: OverlayCompleteEvent optional Overlay yang baru saja digambar pengguna, beserta jenis overlay-nya. Peristiwa ini diaktifkan saat pengguna selesai menggambar overlay jenis apa pun.
polygoncomplete	function(polygon) Argumen: polygon: Polygon Poligon yang baru saja digambar pengguna. Peristiwa ini diaktifkan saat pengguna selesai menggambar poligon.
polylinecomplete	function(polyline) Argumen: polyline: Polyline optional Polyline yang baru saja digambar pengguna. Peristiwa ini diaktifkan saat pengguna selesai menggambar polyline.
rectanglecomplete	function(rectangle) Argumen: rectangle: Rectangle optional Persegi panjang yang baru saja digambar pengguna. Peristiwa ini diaktifkan saat pengguna selesai menggambar persegi panjang.

Antarmuka DrawingManagerOptions

Antarmuka google.maps.drawing.DrawingManagerOptions

Opsi untuk pengelola gambar.

Properti
circleOptions opsional	Jenis: CircleOptions optional Opsi yang akan diterapkan ke lingkaran baru yang dibuat dengan DrawingManager ini. Properti center dan radius diabaikan, dan properti map lingkaran baru selalu ditetapkan ke peta DrawingManager.
drawingControl opsional	Jenis: boolean optional Default: true Status aktif/nonaktif kontrol gambar.
drawingControlOptions opsional	Jenis: DrawingControlOptions optional Opsi tampilan untuk kontrol gambar.
drawingMode opsional	Jenis: OverlayType optional Mode gambar DrawingManager, yang menentukan jenis overlay yang akan ditambahkan pada peta. Nilai yang diterima adalah 'marker', 'polygon', 'polyline', 'rectangle', 'circle', atau null. Mode gambar null berarti pengguna dapat berinteraksi dengan peta seperti biasa, dan klik tidak menggambar apa pun.
map opsional	Jenis: Map optional Map yang dilampiri DrawingManager, yang merupakan Map tempat overlay yang dibuat akan ditempatkan.
markerOptions opsional	Jenis: MarkerOptions optional Opsi yang akan diterapkan ke penanda baru yang dibuat dengan DrawingManager ini. Properti position diabaikan, dan properti map penanda baru selalu ditetapkan ke peta DrawingManager.
polygonOptions opsional	Jenis: PolygonOptions optional Opsi yang akan diterapkan ke poligon baru yang dibuat dengan DrawingManager ini. Properti paths diabaikan, dan properti map poligon baru selalu ditetapkan ke peta DrawingManager.
polylineOptions opsional	Jenis: PolylineOptions optional Opsi untuk diterapkan ke polyline baru yang dibuat dengan DrawingManager ini. Properti path diabaikan, dan properti map polyline baru selalu ditetapkan ke peta DrawingManager.
rectangleOptions opsional	Jenis: RectangleOptions optional Opsi yang akan diterapkan ke persegi panjang baru yang dibuat dengan DrawingManager ini. Properti bounds diabaikan, dan properti map persegi panjang baru selalu ditetapkan ke peta DrawingManager.

Antarmuka DrawingControlOptions

Antarmuka google.maps.drawing.DrawingControlOptions

Opsi untuk rendering kontrol gambar.

Properti
drawingModes opsional	Jenis: Array<OverlayType> optional Default: [OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON] Mode gambar yang akan ditampilkan dalam kontrol gambar, sesuai urutan tampilannya. Ikon tangan (yang sesuai dengan mode gambar null) selalu tersedia dan tidak boleh ditentukan dalam array ini.
position opsional	Jenis: ControlPosition optional Default: ControlPosition.TOP_LEFT ID posisi. Digunakan untuk menentukan posisi kontrol pada peta.

Antarmuka OverlayCompleteEvent

Antarmuka google.maps.drawing.OverlayCompleteEvent

Properti peristiwa overlaycomplete di DrawingManager.

Properti
overlay	Jenis: Marker|Polygon|Polyline|Rectangle|Circle Overlay yang sudah selesai.
type	Jenis: OverlayType Jenis overlay yang telah selesai.

Konstanta OverlayType

google.maps.drawing.OverlayType konstanta library
"drawing"

Jenis overlay yang dapat dibuat oleh DrawingManager. Tentukan ini berdasarkan nilai, atau dengan menggunakan nama konstanta. Misalnya, 'polygon' atau google.maps.drawing.OverlayType.POLYGON.

Konstanta ini juga dapat digunakan sebagai string. Di TypeScript, literal string ditentukan oleh jenis OverlayTypeString.

const {OverlayType} = await google.maps.importLibrary("drawing");

Konstanta
CIRCLE	Menentukan bahwa DrawingManager membuat lingkaran, dan overlay yang diberikan dalam peristiwa overlaycomplete adalah lingkaran.
MARKER	Menentukan bahwa DrawingManager membuat penanda, dan overlay yang diberikan dalam peristiwa overlaycomplete adalah penanda.
POLYGON	Menentukan bahwa DrawingManager membuat poligon, dan overlay yang diberikan dalam peristiwa overlaycomplete adalah poligon.
POLYLINE	Menentukan bahwa DrawingManager membuat polyline, dan overlay yang diberikan dalam peristiwa overlaycomplete adalah polyline.
RECTANGLE	Menentukan bahwa DrawingManager membuat persegi panjang, dan overlay yang diberikan dalam peristiwa overlaycomplete adalah persegi panjang.