Leaflet Awesome Marker
8:33 AMSetelah 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..
simpan dan jalankan, hasilnya akan menjadi seperti ini,
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..
0 comments