add feature basemap

js/app-core.js

@@ -35,14 +35,20 @@ const layers = {
   persilSHM: L.layerGroup(),
   persilHGB: L.layerGroup(),
   persilHGU: L.layerGroup(),
-  persilHP: L.layerGroup()
+  persilHP: L.layerGroup(),
+  // Layer referensi GeoJSON statis
+  basemap_kecamatan: L.layerGroup(),
+  basemap_jalan: L.layerGroup(),
+  basemap_sungai: L.layerGroup()
 };
 
 const layerVisible = {
   rumahIbadah: true, ibadahRadius: true, pendudukMiskin: true,
   spbu24: true, spbuNon24: true,
   jalanNasional: true, jalanProvinsi: true, jalanKabupaten: true,
-  persilSHM: true, persilHGB: true, persilHGU: true, persilHP: true
+  persilSHM: true, persilHGB: true, persilHGU: true, persilHP: true,
+  // Basemap GeoJSON (default tampil semua)
+  basemap_kecamatan: true, basemap_jalan: true, basemap_sungai: true
 };
 
 const searchEntries = [];
@@ -320,7 +326,8 @@ function initPage(tab) {
     kemiskinan: ['rumahIbadah', 'ibadahRadius', 'pendudukMiskin'],
     spbu: ['spbu24', 'spbuNon24'],
     jalan: ['jalanNasional', 'jalanProvinsi', 'jalanKabupaten'],
-    persil: ['persilSHM', 'persilHGB', 'persilHGU', 'persilHP']
+    persil: ['persilSHM', 'persilHGB', 'persilHGU', 'persilHP'],
+    basemap: ['basemap_kecamatan', 'basemap_jalan', 'basemap_sungai']
   };
   
   if (tabLayers[tab]) {
@@ -329,8 +336,14 @@ function initPage(tab) {
     });
   }
 
-  const titles = { kemiskinan: 'Ibadah & Kemiskinan', spbu: 'SPBU', jalan: 'Data Jalan', persil: 'Persil Tanah' };
-  document.getElementById('panel-title').textContent = titles[tab];
+  const titles = {
+    kemiskinan: 'Ibadah & Kemiskinan',
+    spbu: 'SPBU',
+    jalan: 'Data Jalan',
+    persil: 'Persil Tanah',
+    basemap: 'Peta Referensi Pontianak'
+  };
+  document.getElementById('panel-title').textContent = titles[tab] || tab;
   renderPanel(tab);
 }
 
@@ -351,6 +364,7 @@ async function renderPanel(tab) {
   if (tab === 'spbu') await renderSpbuPanel(pb);
   if (tab === 'jalan') await renderJalanPanel(pb);
   if (tab === 'persil') await renderPersilPanel(pb);
+  if (tab === 'basemap') await renderBasemapPanel(pb);
 }
 
 function findGeomLayer(type, id) {