WebGIS Choropleth Kecamatan Pontianak

Aplikasi WebGIS sederhana untuk menampilkan peta choropleth jumlah penduduk per kecamatan di Kota Pontianak. Peta dibuat dengan Leaflet, data batas administrasi kecamatan dalam format GeoJSON, serta konversi koordinat dari EPSG:32749 ke EPSG:4326 menggunakan Proj4.

Fitur

Peta dasar terang dari CARTO (gaya atlas/kartografi).
Layer batas kecamatan Kota Pontianak dengan label tempat di atas layer choropleth.
Pewarnaan choropleth berdasarkan jumlah penduduk.
Sidebar berisi total penduduk, daftar kecamatan dengan bar pembanding, dan legenda.
Hover pada daftar kecamatan menyorot wilayahnya di peta (dan sebaliknya).
Zoom otomatis ke batas kecamatan saat area atau baris daftar diklik.

Struktur File

.
|-- Admin_Kecamatan.json
|-- index.html
`-- README.md

Teknologi

HTML, CSS, dan JavaScript
Leaflet
Proj4js
GeoJSON

Cara Menjalankan

Jalankan project melalui web server lokal agar pemanggilan file GeoJSON dapat berjalan normal.

Jika menggunakan Laragon, letakkan folder project di direktori www, lalu buka:

http://localhost/WebGIS_Choropleth/

Atau gunakan server lokal lain dari direktori project:

python -m http.server 8000

Kemudian buka:

http://localhost:8000/

Data

File Admin_Kecamatan.json berisi batas administrasi kecamatan Kota Pontianak. Data jumlah penduduk didefinisikan langsung di index.html pada objek populationData.

Catatan

Aplikasi membutuhkan koneksi internet untuk memuat library CDN dan tile peta CARTO.

1.5 KiB Raw Permalink Blame History