Membuat Map Sederhana Dengan LeafletJS

leaflet-logoMet malem, akhirnya bisa posting lagi di blog in tanpa ada gangguan dimanapun dan akhirnya lega juga karena agenda liburan ke Jogja akhirnya akan segera direalisasikan dalam waktu dekat ini. Mudah-mudahan aja bisa dapet tiket Kereta Api buat hari H ntar. Amin

Oh ya, masih berkutat soal GIS tapi sekarang kita berubah haluan pada Leaflet. Apa itu Leaflet? Ok, saya jelaskan (copy-paste) sedikit ya dari website resminya di http://leafletjs.com

“Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. It is developed by Vladimir Agafonkin with a team of dedicated contributors. Weighing just about 34 KB of JS, it has all the features most developers ever need for online maps.

Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms out of the box, taking advantage of HTML5 and CSS3 on modern browsers while still being accessible on older ones. It can be extended with a huge amount of plugins, has a beautiful, easy to use and well-documented API and a simple, readable source code that is a joy to contribute to.”

udah faham khan?  kalo males ngertiinnya ya kamu bisa terjemahin pake Google Translate ya…hehehe 😀

Ok sekarang khan ceritanya udah ngerti nich Leaflet itu apa, sekarang kita akan membuat map sederhana dengan LeafletJS! ketikkan script berikut pada text editor kesayangan kamu.

Ok sekarang kita simpan dalam bentuk HTML, lalu buka di browser…maka output yang tampil seharusnya kaya begini

leaflet-simple

Ok, mudah khan? silahkan dicoba dan semoga bermanfaat 🙂

download-button

 

 

Tinggalkan Balasan