Peta Indonesia Berbasis Vektor dengan Javascript

Intro: Posting ini mungkin tidak terkait langsung dengan Android karena menggunakan jscript. Tetapi karena peranan Jscript untuk app mobile akan semakin penting, saya pikir ada kaitannya juga.

Bermula dari keperluan saya membuat web app yang penggunanya dapat memilih propinsi dari peta Indonesia. Jadi pengguna dapat memilih propinsi di peta, mengklik propinsi tersebut dan data-data di dalam propinsi akan muncul. Saya kemudian googling tapi tidak bertemu dengan library yang cocok. Dulu sebenarnya pernah membuat peta seperti ini dengan Macromedia Flash, tapi tentu saja Flash sekarang sudah tidak cocok lagi. Sebenarnya saya pikir sih pasti sudah ada yang buat, tapi tidak dishare ke publik.

Ada dua cara untuk membuat peta dengan javascript, pertama dengan image-map dan kedua dengan vektor. Vektor punya kelebihan dapat dizoom tanpa pecah dan ukurannya lebih kecil. Cuma kelemahannya membutuhkan kerja lebih kerjas dari browser untuk menggambar vektor. Setelah dicari, ternyata sudah banyak contoh pembutan peta menggunakan library raphael.js jadi sekarang tinggal menyusun data untuk Indonesia saja (saya ambil dari gambar SVG di wikipedia). Dibantu beberapa asisten lab basdat, petanya bisa diselesaikan. Modifikasi perlu dilakukan karena ada beberapa pulau yang masuk dalam satu propinsi.

petaindonesia

Hasil akhirnya bisa dilihat di yuliadi.com/petaindonesia Lisensinya GPL dan librarynya dapat didownload dari page tersebut. Masih versi awal, banyak kode yang perlu di dirapikan dan dioptimasi. Di browser handphone Android juga masih belum berjalan optimal. Jadi masih banyak yang perlu diperbaiki.