Cara Membuat WebGIS dengan Plugin QGIS2Leaf (LeafletJS) di QuantumGIS

QGIS2leaf adalah salah satu plugin gratis yang ada pada perangkat lunak QuantumGIS (QGIS). Plugin ini berfungsi untuk membuat peta web (webgis) berbasis leaflet. Adapun leaflet merupakan library javascript open-source yang cukup banyak digunakan untuk membangun webgis. Versi terbaru dari leaflet/leafletjs per 8 Agustus 2017 adalah 1.2.0. Anda bisa kunjungi langsung ke laman leafletjs.com untuk mempelajari selengkapnya tentang leaflet.

Plugin QGIS2leaf dapat diinstall manual dengan mengcopypaste folder ke direktori plugin QGIS di komputer/laptop, maupun otomatis dengan tool “manage and install plugins” di QGIS.

Setelah software QGIS beserta plugin QGIS2leafnya siap, maka yang kita perlukan selanjutnya untuk membuat webgis sederhana adalah data spasial yang akan kita publish. Silakan gunakan data yang Anda miliki, atau bisa juga memakai data sampel yang digunakan dalam tutorial ini. Data berupa titik, garis, dan area, serta data raster citra penginderaan jauh bisa diunduh melalui link ini: UNDUH DATA. (Password: spasialkan.com)

1. Input semua data ke dalam QGIS kemudian lakukan simbolisasi. Jika menggunakan data sampel, maka bisa langsung buka project simbolisasi_sederhana.qgs.
2. Bagi yang tidak menggunakan data sampel, satu hal yang perlu diketahui adalah QGIS2leaf tidak bisa mengeksport/menampilkan data (terumata titik dan garis) yang disimbolisasi selain dengan single symbol (data area dengan symbol categorized masih bisa). Namun, hal itu hanya berlaku ketika simbolisasi dilakukan melalui tool style di layer properties. Simbol graduated dan categorized pada data titik dan garis tetap bisa dilakukan dengan mengatur melalui atribute table.
3. Simbolisasi dengan tabel atribut ini membutuhkan gambar simbol dalam format .svg atau .png. Gambar simbol bisa dibuat sendiri atau mengambil dari library symbol milik QGIS. (Bagi yang menggunakan data sampel, gambar simbol bisa dicek di folder ‘simbol’). Library symbols QGIS bisa dicek di pada folder instalasi QGIS Anda (osgeo4w\apps\qgis\svg).
4. Setelah gambar simbol siap, maka bisa langsung masuk ke tabel atribut data titik dan garis Anda.
5. Tambahkan field (kolom) dengan nama ‘icon_exp’ dan bertipe text (string).
6. Isikan nama file gambar simbol pada kolom tersebut sesuai obyeknya.
7. Lakukan hal yang sama untuk data garis.
8. Buka plugin QGIS2leaf. (!Catatan: meskipun dibagian header plugin tertulis bahwa QGIS2leaf mampu digunakan untuk data raster dan vector, namun tidak semua format data raster bisa dieksport dengan baik, seperti misalnya format .tif. Oleh karena itu pada tutorial ini hanya digunakan data spasial vector saja).
9. Input data layer ke QGIS2leaf dengan cara klik “Get Layers”. Kemudian centang tools yang ingin Anda munculkan ke dalam webgis (tool legenda tidak bisa berfungsi). Tentukan pula ukuran frame, basemap yang digunakan, output project, serta identitas webgisnya. Anda bisa buka tab ‘Help’ untuk informasi pengaturannya.
10. Jika sudah langsung klik ‘Ok’ dan buka folder projectnya. Anda sudah bisa langsung melihat hasil webgisnya dengan membuka file index.html di browser. Hanya saja simbol data titik dan garis tidak akan muncul.
11. Supaya simbol dapat muncul dengan baik, silakan copy-paste gambar simbol Anda ke dalam folder project output qgis2leaf tersebut. Kemudian buka ulang index.htmlnya. 
12. Sekian tutorial membuat webgis sederhana dengan Plugin QGIS2Leaf di QuantumGIS, jangan lupa simak tutorial lainnya.

Simak juga video tutorialnya berikut ini: