powji/webgis-pemetaan-sosial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

menambahkan fitur heatmap dan memperbarui ui layer control

Browse Source
This commit is contained in:
powji17
2026-06-12 11:39:27 +07:00
parent 34cdf384c8
commit 94ca490bf2
3 changed files with 191 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebGISPovertyMapping/index.php
+63
View File
@@ -56,6 +56,37 @@ $role = $isLoggedIn ? $_SESSION['role'] : 'viewer';
</a>
<?php endif; ?>
<div class="sidebar-divider"></div>
<span class="sidebar-label">Visualisasi</span>
<div class="layer-control">
<label class="layer-item">
<input type="checkbox" checked onchange="toggleLayer('tercakup', this)">
<span class="layer-dot" style="background:#27ae60;"></span>
Prasejahtera Tercakup
</label>
<label class="layer-item">
<input type="checkbox" checked onchange="toggleLayer('tidakTercakup', this)">
<span class="layer-dot" style="background:#e74c3c;"></span>
Prasejahtera Tidak Tercakup
</label>
<label class="layer-item">
<input type="checkbox" checked onchange="toggleLayer('ibadah', this)">
<span class="layer-dot" style="background:#9b59b6;"></span>
Rumah Ibadah
</label>
<label class="layer-item">
<input type="checkbox" checked onchange="toggleLayer('radius', this)">
<span class="layer-radius-icon"></span>
Radius Jangkauan
</label>
<label class="layer-item" style="cursor:pointer;">
<input type="checkbox" id="checkbox-heatmap" checked onchange="toggleHeatmap()">
<span class="layer-heatmap-icon"></span>
Heatmap Kemiskinan
</label>
</div>
<div class="sidebar-divider"></div>
<a href="logout.php" class="btn-logout">
<i class="fa-solid fa-right-from-bracket"></i> Logout
@@ -70,6 +101,37 @@ $role = $isLoggedIn ? $_SESSION['role'] : 'viewer';
<i class="fa-solid fa-right-to-bracket"></i> Login
</a>
<div class="sidebar-divider"></div>
<span class="sidebar-label">Visualisasi</span>
<div class="layer-control">
<label class="layer-item">
<input type="checkbox" checked onchange="toggleLayer('tercakup', this)">
<span class="layer-dot" style="background:#27ae60;"></span>
Prasejahtera Tercakup
</label>
<label class="layer-item">
<input type="checkbox" checked onchange="toggleLayer('tidakTercakup', this)">
<span class="layer-dot" style="background:#e74c3c;"></span>
Prasejahtera Tidak Tercakup
</label>
<label class="layer-item">
<input type="checkbox" checked onchange="toggleLayer('ibadah', this)">
<span class="layer-dot" style="background:#9b59b6;"></span>
Rumah Ibadah
</label>
<label class="layer-item">
<input type="checkbox" checked onchange="toggleLayer('radius', this)">
<span class="layer-radius-icon"></span>
Radius Jangkauan
</label>
<label class="layer-item" style="cursor:pointer;">
<input type="checkbox" id="checkbox-heatmap" checked onchange="toggleHeatmap()">
<span class="layer-heatmap-icon"></span>
Heatmap Kemiskinan
</label>
</div>
<?php endif; ?>
</div>
@@ -88,6 +150,7 @@ $role = $isLoggedIn ? $_SESSION['role'] : 'viewer';
const ROLE = '<?= $role ?>';
</script>
<script src="https://unpkg.com/leaflet.heat@0.2.0/dist/leaflet-heat.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>