Membuat Peta GIS Sederhana Dengan MapBox

Ok, udah lama nich ga ngeblog lagi…selamat hari jumat semuanya! sebelum nanti siang berangkat shalat jumat mendingan ngeblog dulu dech. Akhir-akhir ini agak kurang enak ngoding karena sekarang ada penggoda dikamar..yaitu Galaxy Nvidia Geforce GT 220 yang menyebabkan hasrat coding agak berkurang dan pengennya jadi maen game mulu.. hehehe 

Ok dech…cukup cukup! sekarang kita bahas GIS lagi…dan kebetulan tadi semalem nyoba-nyoba buat bikin peta di MapBox dan ternyata asik juga…hehehehehe. MapBox adalah sebuah Map Engine yang mirip Google, deskripsinya cari aja ya di websitenya langsung. Kelebihannya? Lebih cepat dan enak diliat dibandingkan dengan GoogleMaps..yah walaupun fiturnya masih banyakan GoogleMaps.

Ok! untuk membuat peta di MapBox caranya berbeda dengan GoogleMaps, disini kita harus bikin dulu akun di Mapbox tersebut. Disitu ada semacam plan akun dimana kita bisa menggunakan layanan ini secara free dengan beberapa ketentuan. kenapa begitu? karena koordinat marker atau lokasi kita akan didaftarkan dengan id map kita sendiri. Abis bikin akun sekarang kita bikin mapsnya….

1. Tentukan Style Map

yak! disini kita tentuin style dari map tersebut. apapun hasil konfigurasi style yang kita simpan akan tampil di map yang nantinya akan kita panggil, kelebihannya? style dari satu map dengan map yang lainnya bisa berbeda loh… 🙂

bikin map di mapbox

 

2. Tentukan Marker dan Koordinat Marker

Sama seperti di GoogleMaps, disini kita menggunakan metode Drag & Drop untuk menghasilkan sebuah koordinat yang nantinya digunakan untuk lokasi marker tersebut. setelah selesai…pilih save dan PUBLISH. nanti akan ada pop-up yang muncul. pilih mapbox.js dan copy-paste code yang ada ke text editormu…

Bikin map di mapbox

 

3. Voila!!!

Map-pun siap ditampilkan…

map di mapbox

 

untuk sample code, copy-paste source code dibawah ini :

Mudah khan? Selamat mencoba dan semoga bermanfaat 😀

Tinggalkan Balasan