Pratinjau depok-map

Kasus implementasi · 2026-10

depok-map: Peta interaktif Kota Depok dari data resmi

Peta Kota Depok yang menelusuri 11 kecamatan hingga 63 kelurahan, dan memetakan 242 sekolah menengah pada koordinat resmi dari Kementerian Pendidikan.


Masalah

Data spasial publik Kota Depok tersebar di beberapa instansi dengan format dan skema pengenal yang berbeda. Gangguannya adalah data sumber yang cacat: koordinat sekolah yang terbit sebagai 0/0 bukan sebuah lokasi, dan latitude +6.3856 bukan berarti salah secara terpisah—itu latitude yang sah di Indonesia, tetapi menempatkan sekolah 1.400 km dari Depok. Peta seperti ini menuntut validasi koordinat, bukan sekadar mempercayainya.

Implementasi

Situs statis: index.html, satu build MapLibre, dan empat muatan JavaScript hasil generasi. Tanpa framework, tanpa build step, tanpa backend. Pipeline Python mengambil data dari sumber, menyimpan respons mentah ke cache, memvalidasinya, lalu menghasilkan berkas .js yang di-commit dan dimuat lewat <script src>.

Isi peta: 63 kelurahan dalam 11 kecamatan dari boundary HDX/BPS lengkap dengan kode BPS; 77 jalan resmi dari Perda Kota Depok No. 9/2022 Pasal 16, 74 di antaranya cocok dengan geometri dan tiga sisanya tetap disimpan sebagai teks, bukan ditebak; 46 trayek angkot dan 8 trayek nonaktif; serta 242 sekolah menengah pada koordinat resmi dari Kementerian.

Keputusan implementasi

  • Perbaiki tanda latitude hanya bila titik asal berada di luar poligon kota dan titik setelah pembalikan berada di dalamnya—pemeriksaan rentang latitude tidak akan menangkapnya.
  • Koordinat yang tidak ada bukan alasan untuk menyembunyikan sekolah: 18 sekolah tanpa pin tetap terdaftar, dapat dicari, dan kartunya menyebutkan alasannya.
  • Jangan pernah mengarang lokasi. Setiap jalur GeoJSON hanya dijalankan bila koordinat ada dan finit.
  • Data hasil generasi di-commit, bukan diambil saat runtime, sehingga situs tidak bergantung pada API mana pun.
  • Pisahkan aplikasi yang dipublikasikan dari pekerjaan yang masih berjalan: repositori publik hanya berisi berkas yang diunduh peramban.

Hasil

Aplikasi di depok.dibotak.com mencakup hierarki administratif kota, nama jalan resmi, trayek angkot, dan setiap sekolah menengah terdaftar pada koordinat resmi bila tersedia. 224 dari 242 sekolah terpetakan dari koordinat yang diterbitkan Kementerian, bukan hasil geocoding. Tidak ada klaim metrik penggunaan atau dampak bisnis.

Teknologi

JavaScript, MapLibre GL JS, HTML, dan CSS di front end; Python 3 dengan pustaka standar untuk pipeline data. Sumber: Sekolah Kita Kementerian Pendidikan, HDX/BPS, OpenStreetMap via Overpass, dan rencana tata ruang kota.

← Kembali ke kasus implementasi