Peta Indonesia Untuk JvectorMap

Tags: Web Development

Jvectormap merupakan perangkat lunak berguna untuk membuat peta vector pada aplikasi berbasis web menggunakan bahasa pemrograman javascript. Yang menjadi permasalahan adalah pada Jvectormap tidak terdapat peta Indonesia. Untungnya Jvectormap menjelaskan cara untuk membuat peta sendiri 🔗. Walaupun menurut saya pribadi dokumentasinya sulit dipahami.

Untuk membuat peta Indonesia pada Jvectormap sebelumnya kita harus memasang python2, python2-matplotlib, python-gdal, python-shapely, python2-setuptools

# pacman -S python2 python2-matplotlib python-gdal python-shapely python2-setuptools

Install booleano parser

# easy_install booleano

Lalu install juga QGis. Unduh file peta Indonesia berformat SHP dan Jvectormap. Ekstrak keduanya, pada folder Jvectormap terdapat folder converter, masuk folder tersebut. Jalankan QGis Desktop, lalu buka IDN_adm1.shp.

QGis window with Map of Indonesia

Untuk melihat data pada peta dapat dengan klik kanan pada IDN_adm1 lalu Open Attribute Table

QGis window with context menu open

List of IDN_adm1 attribute table

Berikutnya, buka menu Vector ➡️ Geometry Tools ➡️ Simplify Geometries

QGis window with vector menu open

Atur Simplify Tolerance menjadi 0.0100, centang save to new file. Simpan hasil simplify menjadi IDN_adm1-simplified.shp. Proses dengan menekan tombol OK

QGis window with Simplify proccess done

Buat berkas indonesia.json dengan isi:

[
    {
        "name": "read_data",
        "file_name": "./maps/IDN_adm1-simplified.shp"
    },
    {
        "name": "write_data",
        "format": "jvectormap",
        "file_name": "./output/indonesia-adm1.js",
        "params": {
            "code_field": "ID_1",
            "name_field": "NAME_1",
            "name": "indonesia-adm1"
        }
    }
]

Pastikan "file_name": "./maps/IDN_adm1-simplified.shp" sesuai dengan lokasi berkas. "file_name": "./output/indonesia-adm1.js", merupakan lokasi hasil dari konversi, pastikan folder output ada pada folder dimana konversi dijalankan. Lalu jalankan proses konversi

python2.7 processor.py indonesia.json

Peta Indonesia output/indonesia-adm1.js sudah bisa digunakan pada Jvectormap. Untuk peta Indonesia yang sudah dikonversi ke jvectormap dapat mengunjungi repositori saya 🔗.

Sekian.


Update 11/05/2017

  1. Menambahkan tahapan instal booleano parser