Belajar LeafletJS #2 Menambahkan Marker pada Peta

Untuk menandai satu lokasi di peta, leaflet menyediakan marker. Membuat marker pada LeafletJS ini bisa menggunakan simbol standar dan juga mengguakan simbol marker yang dapat disesuaikan.

Menambahkan Marker Sederhana

Untuk menambahkan marker ke dalam peta menggunakan library Leaflet JavaScript, saya asumsikan kalian sudah mengikuti tutorial sebelumnya : Belajar LeafletJS #1 – Pengenalan LeafletJS dan Menampilkan Peta. Jika belum mengikuti tutorial tersebut, silahkan diikuti terlebih dahulu. Selanjutnya kalian dapat mengikuti langkah-langkah di bawah ini :

Langkah 1 – Instansiasi class Marker dengan memberikan objek koordinat latlng yang mewakili posisi yang akan ditandai, kemudian tambahkan marker ke dalam peta dengan script seperti yang ditunjukkan di bawah ini (baris 8-10).

Langkah 2 – Jalankan melalui browser dan hasil marker (penanda) pada petanya akan terlihat seperti pada gambar berikut ini.

Peta dengan Marker
Peta Dengan Marker

Silahkan dicoba, dan mudah-mudahan berhasil, jika ada pertanyaan silahkan mengisi kolom komentar di bawah postingan ini.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *