Arsip Tag: GeoJSON

MapShaper simplify your shape

untuk webGIS, ukuran berkas GeoJSON terkadang sangat mempengaruhi pengalaman pengguna. GeoJSON yang besar akan lebih lambat diunduh, sehingga bisa saja pengguna terburu kabur sebelum melihat peta kita.

Untuk itu, kita dapat memperkecil COORDINATE_PRECISION berkas GeoJSON kita cukup 5 angka di belakang koma saja, daripada defaultnya yang 15 angka.

Lima angka di belakang koma tidak begitu terlihat pada peta hingga skala 1:1000.

Namun, jika ingin dirasa lebih hemat lagi dalam ukuran berkas, kita dapat menggunakan MapShaper, yang dapat menyederhanakan GeoJSON kita, bahkan mendeteksi seandainya terjadi garis yang menyilang karena penyederhanaan.

Pada kasus saya, ukuran GeoJSON awal yang 1,42 MB dapat disederhanakan menjadi 90,2 kB, atau hanya 6 persen dari nilai awal!

Namun, tentu saja ada harga yang harus dibayar, yaitu ada titik yang hilang.

Iklan

Peta Tematik Interaktif dengan Leaflet

Kali ini, kita akan mencoba membuat peta interaktif Kota Pekanbaru dengan Leaflet, yang menampilkan jumlah mahasiswa Sistem Informasi Fakultas Sains dan Teknologi, Universitas Islam Negeri Sultan Syarif Kasim Riau.

Untuk membuat peta tematik atau choropleth, maka kita gunakan GeoJSON, agar lebih mudah dalam kodingan.

Peta tematik interaktif ini kita buat berdasarkan contoh yang sudah ada sebelumnya dari Leaflet,

http://leafletjs.com/examples/choropleth-example.html

Kodingan dapat dilihat di gist berikut:

dan tampilannya / demonya dapat dilihat pada web berikut:

http://rawgit.com/kampar/e63b913c22b178ea7e40/raw/6ba9a8b279f3584bf156069a73b49556be514f7e/Leaflet%2520Choropleth%2520Interaktif%2520Pekanbaru.html

peta tematik interaktif demo pekanbaru