Polygons

Class Polyline

Class google.maps.Polyline

Polyline adalah overlay linear segmen garis terhubung di peta.

Class ini memperluas MVCObject.

Akses dengan memanggil const {Polyline} = await google.maps.importLibrary("maps").
Lihat Library di Maps JavaScript API.

Konstruktor
Polyline	Polyline([opts]) Parameter:  opts:  PolylineOptions optional Buat polyline menggunakan PolylineOptions yang diteruskan, yang menentukan jalur polyline dan gaya goresan yang akan digunakan saat menggambar polyline. Anda dapat meneruskan array LatLng atau MVCArray dari LatLng saat membuat polyline, meskipun array sederhana dikonversi menjadi MVCArray dalam polyline saat di-instansiasi.

Metode
getDraggable	getDraggable() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah bentuk ini dapat ditarik oleh pengguna.
getEditable	getEditable() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah bentuk ini dapat diedit oleh pengguna.
getMap	getMap() Parameter:  Tidak ada Nilai yang Ditampilkan:  Map|null Menampilkan peta tempat bentuk ini dilampirkan.
getPath	getPath() Parameter:  Tidak ada Nilai yang Ditampilkan:  MVCArray<LatLng> Mengambil jalur.
getVisible	getVisible() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah poli ini terlihat di peta.
setDraggable	setDraggable(draggable) Parameter:  draggable:  boolean Nilai yang Ditampilkan:  Tidak Ada Jika disetel ke true, pengguna dapat menarik bentuk ini di atas peta. Properti geodesic menentukan mode penarikan.
setEditable	setEditable(editable) Parameter:  editable:  boolean Nilai yang Ditampilkan:  Tidak Ada Jika disetel ke true, pengguna dapat mengedit bentuk ini dengan menarik titik kontrol yang ditampilkan di verteks dan di setiap segmen.
setMap	setMap(map) Parameter:  map:  Map optional Nilai yang Ditampilkan:  Tidak Ada Merender bentuk ini pada peta yang ditentukan. Jika peta disetel ke null, bentuk akan dihapus.
setOptions	setOptions(options) Parameter:  options:  PolylineOptions optional Nilai yang Ditampilkan:  Tidak Ada
setPath	setPath(path) Parameter:  path:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> Nilai yang Ditampilkan:  Tidak Ada Menetapkan jalur. Lihat PolylineOptions untuk mengetahui detail selengkapnya.
setVisible	setVisible(visible) Parameter:  visible:  boolean Nilai yang Ditampilkan:  Tidak Ada Menyembunyikan poli ini jika disetel ke false.
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Acara
click	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat peristiwa klik DOM diaktifkan pada Polyline.
contextmenu	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat peristiwa contextmenu DOM diaktifkan di Polyline.
dblclick	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat peristiwa dblclick DOM diaktifkan pada Polyline.
drag	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu berulang kali saat pengguna menarik polyline.
dragend	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna berhenti menarik polyline.
dragstart	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna mulai menarik polyline.
mousedown	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini dipicu saat peristiwa mousedown DOM dipicu pada Polyline.
mousemove	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat peristiwa mousemove DOM diaktifkan pada Polyline.
mouseout	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat mouse keluar dari Polyline.
mouseover	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat kursor mouse diarahkan ke Polyline.
mouseup	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini dipicu saat peristiwa mouseup DOM dipicu pada Polyline.
rightclick	Tidak digunakan lagi: Gunakan peristiwa Polyline.contextmenu sebagai gantinya untuk mendukung pola penggunaan seperti klik sambil menekan tombol control di macOS. function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini dipicu saat Polyline diklik kanan.

Antarmuka PolylineOptions

google.maps.PolylineOptions interface

Objek PolylineOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Polyline.

Properti
clickable optional	Jenis:  boolean optional Default: true Menunjukkan apakah Polyline ini menangani peristiwa mouse.
draggable optional	Jenis:  boolean optional Default: false Jika disetel ke true, pengguna dapat menarik bentuk ini di atas peta. Properti geodesic menentukan mode penarikan.
editable optional	Jenis:  boolean optional Default: false Jika disetel ke true, pengguna dapat mengedit bentuk ini dengan menarik titik kontrol yang ditampilkan di verteks dan di setiap segmen.
geodesic optional	Jenis:  boolean optional Default: false Jika true, tepi poligon ditafsirkan sebagai geodesi dan akan mengikuti kelengkungan Bumi. Jika false, tepi poligon dirender sebagai garis lurus dalam ruang layar. Perhatikan bahwa bentuk poligon geodesi dapat tampak berubah saat ditarik, karena dimensi dipertahankan relatif terhadap permukaan bumi.
icons optional	Jenis:  Array<IconSequence> optional Ikon yang akan dirender di sepanjang polyline.
map optional	Jenis:  Map optional Peta tempat Polyline akan ditampilkan.
path optional	Jenis:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional Urutan koordinat Polyline yang diurutkan. Jalur ini dapat ditentukan menggunakan array LatLng sederhana, atau MVCArray dari LatLng. Perhatikan bahwa jika Anda meneruskan array sederhana, array tersebut akan dikonversi menjadi MVCArray Memasukkan atau menghapus LatLng di MVCArray akan otomatis memperbarui polyline di peta.
strokeColor optional	Jenis:  string optional Warna garis luar. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
strokeOpacity optional	Jenis:  number optional Opasitas garis luar antara 0,0 dan 1,0.
strokeWeight optional	Jenis:  number optional Lebar garis luar dalam piksel.
visible optional	Jenis:  boolean optional Default: true Apakah polyline ini terlihat di peta.
zIndex optional	Jenis:  number optional zIndex dibandingkan dengan poligon lainnya.

Antarmuka IconSequence

google.maps.IconSequence interface

Menjelaskan cara ikon dirender pada baris.

Jika polyline Anda merupakan geodesi, jarak yang ditentukan untuk offset dan pengulangan dihitung dalam meter secara default. Menetapkan offset atau pengulangan ke nilai piksel akan menyebabkan jarak dihitung dalam piksel pada layar.

Properti
fixedRotation optional	Jenis:  boolean optional Default: false Jika true, setiap ikon dalam urutan memiliki rotasi tetap yang sama, terlepas dari sudut tepi tempat ikon berada. Jika false, setiap ikon dalam urutan diputar agar sejajar dengan tepinya.
icon optional	Jenis:  Symbol optional Ikon yang akan dirender pada garis.
offset optional	Jenis:  string optional Default: '100%' Jarak dari awal garis tempat ikon akan dirender. Jarak ini dapat dinyatakan sebagai persentase panjang garis (misalnya, '50%') atau dalam piksel (misalnya, '50px').
repeat optional	Jenis:  string optional Default: 0 Jarak antara ikon yang berurutan pada garis. Jarak ini dapat dinyatakan sebagai persentase panjang garis (misalnya, '50%') atau dalam piksel (misalnya, '50px'). Untuk menonaktifkan pengulangan ikon, tetapkan '0'.

Class Polygon

Class google.maps.Polygon

Poligon (seperti polyline) menentukan serangkaian koordinat yang terhubung dalam urutan yang teratur. Selain itu, poligon membentuk loop tertutup dan menentukan wilayah yang diisi. Lihat contoh dalam panduan developer, mulai dari poligon sederhana, poligon dengan lubang, dan lainnya. Perhatikan bahwa Anda juga dapat menggunakan Lapisan data untuk membuat poligon. Lapisan data menawarkan cara yang lebih sederhana untuk membuat lubang karena menangani urutan jalur bagian dalam dan luar untuk Anda.

Class ini memperluas MVCObject.

Akses dengan memanggil const {Polygon} = await google.maps.importLibrary("maps").
Lihat Library di Maps JavaScript API.

Konstruktor

Polygon

Polygon([opts]) Parameter:  opts:  PolygonOptions optional Buat poligon menggunakan PolygonOptions yang diteruskan, yang menentukan jalur poligon, gaya goresan untuk tepi poligon, dan gaya pengisian untuk wilayah interior poligon. Poligon dapat berisi satu atau beberapa jalur, dengan setiap jalur terdiri dari array LatLng. Anda dapat meneruskan array LatLng atau MVCArray dari LatLng saat membuat jalur ini. Array dikonversi menjadi MVCArray dalam poligon saat di-instansiasi.

Metode
getDraggable	getDraggable() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah bentuk ini dapat ditarik oleh pengguna.
getEditable	getEditable() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah bentuk ini dapat diedit oleh pengguna.
getMap	getMap() Parameter:  Tidak ada Nilai yang Ditampilkan:  Map|null Menampilkan peta tempat bentuk ini dilampirkan.
getPath	getPath() Parameter:  Tidak ada Nilai yang Ditampilkan:  MVCArray<LatLng> Mengambil jalur pertama.
getPaths	getPaths() Parameter:  Tidak ada Nilai yang Ditampilkan:  MVCArray<MVCArray<LatLng>> Mengambil jalur untuk poligon ini.
getVisible	getVisible() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah poli ini terlihat di peta.
setDraggable	setDraggable(draggable) Parameter:  draggable:  boolean Nilai yang Ditampilkan:  Tidak Ada Jika disetel ke true, pengguna dapat menarik bentuk ini di atas peta. Properti geodesic menentukan mode penarikan.
setEditable	setEditable(editable) Parameter:  editable:  boolean Nilai yang Ditampilkan:  Tidak Ada Jika disetel ke true, pengguna dapat mengedit bentuk ini dengan menarik titik kontrol yang ditampilkan di verteks dan di setiap segmen.
setMap	setMap(map) Parameter:  map:  Map optional Nilai yang Ditampilkan:  Tidak Ada Merender bentuk ini pada peta yang ditentukan. Jika peta disetel ke null, bentuk akan dihapus.
setOptions	setOptions(options) Parameter:  options:  PolygonOptions optional Nilai yang Ditampilkan:  Tidak Ada
setPath	setPath(path) Parameter:  path:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> Nilai yang Ditampilkan:  Tidak Ada Menetapkan jalur pertama. Lihat PolygonOptions untuk mengetahui detail selengkapnya.
setPaths	setPaths(paths) Parameter:  paths:  MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> Nilai yang Ditampilkan:  Tidak Ada Menetapkan jalur untuk poligon ini.
setVisible	setVisible(visible) Parameter:  visible:  boolean Nilai yang Ditampilkan:  Tidak Ada Menyembunyikan poli ini jika disetel ke false.
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Acara
click	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat peristiwa klik DOM diaktifkan pada Poligon.
contextmenu	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat peristiwa contextmenu DOM diaktifkan pada Polygon.
dblclick	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat peristiwa dblclick DOM diaktifkan pada Poligon.
drag	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu berulang kali saat pengguna menarik poligon.
dragend	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna berhenti menarik poligon.
dragstart	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna mulai menarik poligon.
mousedown	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat peristiwa mousedown DOM diaktifkan pada Poligon.
mousemove	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini dipicu saat peristiwa mousemove DOM dipicu di Poligon.
mouseout	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat mouse keluar dari Poligon.
mouseover	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini diaktifkan saat kursor mouse diarahkan ke Poligon.
mouseup	function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini dipicu saat peristiwa mouseup DOM dipicu di Poligon.
rightclick	Tidak digunakan lagi: Gunakan peristiwa Polygon.contextmenu sebagai gantinya untuk mendukung pola penggunaan seperti klik sambil menekan tombol control di macOS. function(event) Argumen:  event:  PolyMouseEvent Peristiwa ini dipicu saat Polygon diklik kanan.

Antarmuka PolygonOptions

google.maps.PolygonOptions interface

Objek PolygonOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Poligon.

Properti
clickable optional	Jenis:  boolean optional Default: true Menunjukkan apakah Polygon ini menangani peristiwa mouse.
draggable optional	Jenis:  boolean optional Default: false Jika disetel ke true, pengguna dapat menarik bentuk ini di atas peta. Properti geodesic menentukan mode penarikan.
editable optional	Jenis:  boolean optional Default: false Jika disetel ke true, pengguna dapat mengedit bentuk ini dengan menarik titik kontrol yang ditampilkan di verteks dan di setiap segmen.
fillColor optional	Jenis:  string optional Warna pengisi. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
fillOpacity optional	Jenis:  number optional Opasitas isian antara 0,0 dan 1,0
geodesic optional	Jenis:  boolean optional Default: false Jika true, tepi poligon ditafsirkan sebagai geodesi dan akan mengikuti kelengkungan Bumi. Jika false, tepi poligon dirender sebagai garis lurus dalam ruang layar. Perhatikan bahwa bentuk poligon geodesi dapat tampak berubah saat ditarik, karena dimensi dipertahankan relatif terhadap permukaan bumi.
map optional	Jenis:  Map optional Peta tempat Poligon akan ditampilkan.
paths optional	Jenis:  MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional Urutan koordinat yang diurutkan yang menunjukkan loop tertutup. Tidak seperti polyline, poligon dapat terdiri dari satu atau beberapa jalur. Akibatnya, properti jalur dapat menentukan satu atau beberapa array koordinat LatLng. Jalur ditutup secara otomatis; jangan ulangi verteks pertama jalur sebagai verteks terakhir. Poligon sederhana dapat ditentukan menggunakan satu array LatLng. Poligon yang lebih kompleks dapat menentukan array array. Array sederhana apa pun dikonversi menjadi MVCArray. Menyisipkan atau menghapus LatLng dari MVCArray akan otomatis memperbarui poligon di peta.
strokeColor optional	Jenis:  string optional Warna garis luar. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
strokeOpacity optional	Jenis:  number optional Opasitas goresan antara 0,0 dan 1,0.
strokePosition optional	Jenis:  StrokePosition optional Default: StrokePosition.CENTER Posisi goresan.
strokeWeight optional	Jenis:  number optional Lebar garis luar dalam piksel.
visible optional	Jenis:  boolean optional Default: true Apakah poligon ini terlihat di peta.
zIndex optional	Jenis:  number optional zIndex dibandingkan dengan poligon lainnya.

Antarmuka PolyMouseEvent

google.maps.PolyMouseEvent interface

Objek ini ditampilkan dari peristiwa mouse pada polyline dan poligon.

Antarmuka ini memperluas MapMouseEvent.

Properti
edge optional	Jenis:  number optional Indeks tepi dalam jalur di bawah kursor saat peristiwa terjadi, jika peristiwa terjadi di titik tengah pada poligon yang dapat diedit.
path optional	Jenis:  number optional Indeks jalur di bawah kursor saat peristiwa terjadi, jika peristiwa terjadi pada verteks dan poligon dapat diedit. Jika tidak, undefined.
vertex optional	Jenis:  number optional Indeks verteks di bawah kursor saat peristiwa terjadi, jika peristiwa terjadi pada verteks dan polyline atau poligon dapat diedit. Jika peristiwa tidak terjadi pada verteks, nilainya adalah undefined.
Diwariskan: domEvent, latLng

Metode
Diwarisi: stop

Class Rectangle

Class google.maps.Rectangle

Overlay persegi panjang.

Class ini memperluas MVCObject.

Akses dengan memanggil const {Rectangle} = await google.maps.importLibrary("maps").
Lihat Library di Maps JavaScript API.

Konstruktor
Rectangle	Rectangle([opts]) Parameter:  opts:  RectangleOptions optional Buat persegi panjang menggunakan RectangleOptions yang diteruskan, yang menentukan batas dan gaya.

Metode
getBounds	getBounds() Parameter:  Tidak ada Nilai yang Ditampilkan:  LatLngBounds|null Menampilkan batas persegi panjang ini.
getDraggable	getDraggable() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah persegi panjang ini dapat ditarik oleh pengguna.
getEditable	getEditable() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah persegi panjang ini dapat diedit oleh pengguna.
getMap	getMap() Parameter:  Tidak ada Nilai yang Ditampilkan:  Map|null Menampilkan peta tempat persegi panjang ini ditampilkan.
getVisible	getVisible() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah persegi panjang ini terlihat di peta.
setBounds	setBounds(bounds) Parameter:  bounds:  LatLngBounds|LatLngBoundsLiteral optional Nilai yang Ditampilkan:  Tidak Ada Menetapkan batas persegi panjang ini.
setDraggable	setDraggable(draggable) Parameter:  draggable:  boolean Nilai yang Ditampilkan:  Tidak Ada Jika disetel ke true, pengguna dapat menarik persegi panjang ini di atas peta.
setEditable	setEditable(editable) Parameter:  editable:  boolean Nilai yang Ditampilkan:  Tidak Ada Jika disetel ke true, pengguna dapat mengedit persegi panjang ini dengan menarik titik kontrol yang ditampilkan di sudut dan di setiap tepi.
setMap	setMap(map) Parameter:  map:  Map optional Nilai yang Ditampilkan:  Tidak Ada Merender persegi panjang pada peta yang ditentukan. Jika peta disetel ke null, persegi panjang akan dihapus.
setOptions	setOptions(options) Parameter:  options:  RectangleOptions optional Nilai yang Ditampilkan:  Tidak Ada
setVisible	setVisible(visible) Parameter:  visible:  boolean Nilai yang Ditampilkan:  Tidak Ada Menyembunyikan persegi panjang ini jika ditetapkan ke false.
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Acara
bounds_changed	function() Argumen:  Tidak ada Peristiwa ini dipicu saat batas persegi diubah.
click	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat peristiwa klik DOM diaktifkan pada persegi panjang.
contextmenu	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat peristiwa contextmenu DOM diaktifkan pada persegi panjang.
dblclick	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat peristiwa dblclick DOM diaktifkan pada persegi panjang.
drag	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu berulang kali saat pengguna menarik persegi panjang.
dragend	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna berhenti menarik persegi panjang.
dragstart	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna mulai menarik persegi panjang.
mousedown	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu saat peristiwa mousedown DOM dipicu pada persegi panjang.
mousemove	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu saat peristiwa mousemove DOM dipicu pada persegi panjang.
mouseout	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat mouse keluar dari area persegi panjang.
mouseover	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat kursor mouse diarahkan ke persegi panjang.
mouseup	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu saat peristiwa mouseup DOM dipicu pada persegi panjang.
rightclick	Tidak digunakan lagi: Gunakan peristiwa Rectangle.contextmenu sebagai gantinya untuk mendukung pola penggunaan seperti klik sambil menekan tombol control di macOS. function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu saat persegi panjang diklik kanan.

Antarmuka RectangleOptions

google.maps.RectangleOptions interface

Objek RectangleOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Rectangle.

Properti
bounds optional	Jenis:  LatLngBounds|LatLngBoundsLiteral optional Batas.
clickable optional	Jenis:  boolean optional Default: true Menunjukkan apakah Rectangle ini menangani peristiwa mouse.
draggable optional	Jenis:  boolean optional Default: false Jika disetel ke true, pengguna dapat menarik persegi panjang ini di atas peta.
editable optional	Jenis:  boolean optional Default: false Jika disetel ke true, pengguna dapat mengedit persegi panjang ini dengan menarik titik kontrol yang ditampilkan di sudut dan di setiap tepi.
fillColor optional	Jenis:  string optional Warna pengisi. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
fillOpacity optional	Jenis:  number optional Opasitas isian antara 0,0 dan 1,0
map optional	Jenis:  Map optional Peta tempat Persegi Panjang akan ditampilkan.
strokeColor optional	Jenis:  string optional Warna garis luar. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
strokeOpacity optional	Jenis:  number optional Opasitas goresan antara 0,0 dan 1,0.
strokePosition optional	Jenis:  StrokePosition optional Default: StrokePosition.CENTER Posisi goresan.
strokeWeight optional	Jenis:  number optional Lebar garis luar dalam piksel.
visible optional	Jenis:  boolean optional Default: true Apakah persegi panjang ini terlihat di peta.
zIndex optional	Jenis:  number optional zIndex dibandingkan dengan poligon lainnya.

Circle class

Class google.maps.Circle

Lingkaran di permukaan Bumi; juga dikenal sebagai "tudung bola".

Class ini memperluas MVCObject.

Akses dengan memanggil const {Circle} = await google.maps.importLibrary("maps").
Lihat Library di Maps JavaScript API.

Konstruktor
Circle	Circle([circleOrCircleOptions]) Parameter:  circleOrCircleOptions:  Circle|CircleLiteral|CircleOptions optional Buat lingkaran menggunakan CircleOptions yang diteruskan, yang menentukan pusat, radius, dan gaya.

Metode
getBounds	getBounds() Parameter:  Tidak ada Nilai yang Ditampilkan:  LatLngBounds|null Mendapatkan LatLngBounds Lingkaran ini.
getCenter	getCenter() Parameter:  Tidak ada Nilai yang Ditampilkan:  LatLng|null Menampilkan pusat lingkaran ini.
getDraggable	getDraggable() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah lingkaran ini dapat ditarik oleh pengguna.
getEditable	getEditable() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah lingkaran ini dapat diedit oleh pengguna.
getMap	getMap() Parameter:  Tidak ada Nilai yang Ditampilkan:  Map|null Menampilkan peta tempat lingkaran ini ditampilkan.
getRadius	getRadius() Parameter:  Tidak ada Nilai yang Ditampilkan:  number Menampilkan radius lingkaran ini (dalam meter).
getVisible	getVisible() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean Menampilkan apakah lingkaran ini terlihat di peta.
setCenter	setCenter(center) Parameter:  center:  LatLng|LatLngLiteral optional Nilai yang Ditampilkan:  Tidak Ada Menetapkan pusat lingkaran ini.
setDraggable	setDraggable(draggable) Parameter:  draggable:  boolean Nilai yang Ditampilkan:  Tidak Ada Jika disetel ke true, pengguna dapat menarik lingkaran ini di atas peta.
setEditable	setEditable(editable) Parameter:  editable:  boolean Nilai yang Ditampilkan:  Tidak Ada Jika disetel ke true, pengguna dapat mengedit lingkaran ini dengan menarik titik kontrol yang ditampilkan di tengah dan di sekitar keliling lingkaran.
setMap	setMap(map) Parameter:  map:  Map optional Nilai yang Ditampilkan:  Tidak Ada Merender lingkaran pada peta yang ditentukan. Jika peta disetel ke null, lingkaran akan dihapus.
setOptions	setOptions(options) Parameter:  options:  CircleOptions optional Nilai yang Ditampilkan:  Tidak Ada
setRadius	setRadius(radius) Parameter:  radius:  number Nilai yang Ditampilkan:  Tidak Ada Menetapkan radius lingkaran ini (dalam meter).
setVisible	setVisible(visible) Parameter:  visible:  boolean Nilai yang Ditampilkan:  Tidak Ada Menyembunyikan lingkaran ini jika disetel ke false.
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Acara
center_changed	function() Argumen:  Tidak ada Peristiwa ini dipicu saat pusat lingkaran diubah.
click	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat peristiwa klik DOM diaktifkan pada lingkaran.
dblclick	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat peristiwa dblclick DOM diaktifkan pada lingkaran.
drag	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan berulang kali saat pengguna menarik lingkaran.
dragend	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna berhenti menarik lingkaran.
dragstart	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna mulai menarik lingkaran.
mousedown	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu saat peristiwa mousedown DOM dipicu pada lingkaran.
mousemove	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu saat peristiwa mousemove DOM dipicu pada lingkaran.
mouseout	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat kursor mouse keluar dari lingkaran.
mouseover	function(event) Argumen:  event:  MapMouseEvent Acara ini diaktifkan saat kursor mouse diarahkan ke lingkaran.
mouseup	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu saat peristiwa mouseup DOM dipicu pada lingkaran.
radius_changed	function() Argumen:  Tidak ada Peristiwa ini dipicu saat radius lingkaran diubah.
rightclick	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini dipicu saat lingkaran diklik kanan.

CircleOptions interface

google.maps.CircleOptions interface

Objek CircleOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Lingkaran.

Properti
center optional	Jenis:  LatLng|LatLngLiteral optional Pusat Lingkaran.
clickable optional	Jenis:  boolean optional Default: true Menunjukkan apakah Circle ini menangani peristiwa mouse.
draggable optional	Jenis:  boolean optional Default: false Jika disetel ke true, pengguna dapat menarik lingkaran ini di atas peta.
editable optional	Jenis:  boolean optional Default: false Jika disetel ke true, pengguna dapat mengedit lingkaran ini dengan menarik titik kontrol yang ditampilkan di tengah dan di sekitar keliling lingkaran.
fillColor optional	Jenis:  string optional Warna pengisi. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
fillOpacity optional	Jenis:  number optional Opasitas pengisian antara 0,0 dan 1,0.
map optional	Jenis:  Map optional Peta tempat Lingkaran akan ditampilkan.
radius optional	Jenis:  number optional Radius dalam meter di permukaan Bumi.
strokeColor optional	Jenis:  string optional Warna garis luar. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
strokeOpacity optional	Jenis:  number optional Opasitas garis luar antara 0,0 dan 1,0.
strokePosition optional	Jenis:  StrokePosition optional Default: StrokePosition.CENTER Posisi goresan.
strokeWeight optional	Jenis:  number optional Lebar garis luar dalam piksel.
visible optional	Jenis:  boolean optional Default: true Apakah lingkaran ini terlihat di peta.
zIndex optional	Jenis:  number optional zIndex dibandingkan dengan poligon lainnya.

Konstanta StrokePosition

google.maps.StrokePosition konstanta

Kemungkinan posisi goresan pada poligon.

Akses dengan memanggil const {StrokePosition} = await google.maps.importLibrary("maps").
Lihat Library di Maps JavaScript API.

Konstanta
CENTER	Goresan dipusatkan pada jalur poligon, dengan setengah goresan di dalam poligon dan setengah goresan di luar poligon.
INSIDE	Garis terletak di dalam poligon.
OUTSIDE	Garis luar berada di luar poligon.