Leaflet Awesome Marker

Setelah beberapa bulan tidak posting tutorial baru, akhirnya saya meniatkan diri untuk menulis tutorial lagi. fuih..

Langsung saja, tutorial kali ini kita akan mempercantik marker yang ada pada leaflet menggunakan plugin awesome marker, contoh marker yang bisa kita buat adalah seperti berikut:
From https://github.com/lvoogdt/Leaflet.awesome-markers
Lebih menarik bukan??

Untuk membuat marker yang seperti gambar diatas cukuplah mudah.
Pertama, tentu saja download dulu bahan-bahannya


Include semua plugin yang ada di dalam project yang kita buat.
dan code sederhananya kurang lebih seperti ini..

note: ganti scrip dengan script
simpan dan jalankan, hasilnya akan menjadi seperti ini,

awesome marker tutorial

Jika diperhatikan icon yang kita buat tadi dapat dibuat dengan menggunakan bantuan font awesome, sebenarnya kita bisa menggunakan twitter bootstrap juga untuk jenis icon lainnya. Silakan lihat dokumentasi leaflet awesome marker untuk mencobanya.

Terimakasih, GBU..

Post a Comment