Home » Javascript » Membuat Lingkaran (Circle) Dan Persegi Panjang(Rectangle) Pada Peta Leaflet WebGIS dengan Leaflet #3:

Membuat Lingkaran (Circle) Dan Persegi Panjang(Rectangle) Pada Peta Leaflet WebGIS dengan Leaflet #3:

by Syarifullah Abdi
by Syarifullah Abdi

Pada dasarnya cara membuat lingkaran dan persegi panjang di Leaflet JS mirip seperti cara membuat marker seperti tutorial sebelumnya. Pada saat membuat marker kita menggunakan L.Marker sedangkan saat membuat lingkaran kita menggunakan L.circle, dan menggunakan L.rectangle untuk membuat persegi panjang.

Lingkaran (Circle) di Leaflet JS

Berikut contoh kode untuk membuat lingkaran:

JavaScript

Penjelasan kode:

L.circle= Method untuk membuat lingkaran;

[-6.2008024,106.830451,12= titik pusat lingkaran;

400=Radius lingkaran(m)

Berikut Kode lengkapnya:

HTML

Kalian juga bisa menambahkan . bindPopup di L.circle:

JavaScript

Persegi Panjang di Leaflet JS

Berikut contoh kode untuk membuat persegi panjang:

JavaScript

Penjelasan kode:

Pertama kita buat dulu batasan atau titik luar untuk persegi panjang yang akan dibuat. Seperti pada contoh kita memberi nama bounds untuk titik luar tersebut, setelah itu kita gunakan L.rectangle untuk membuat persegi panjang dengan memanggil bounds sebagai titik luar atau batasannya.

Kode lengkapnya:

HTML

Kalian juga bisa menambahkan . bindPopup di L.rectangle:

JavaScript

Sampai disini dulu tutorial singkat ini, tutorial berikutnya akan membahas Polygon dan Polyline di leaflet JS.

You may also like