AleksanderWilliam/WebGIS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove fitur jalan, parsil, dan spbu

Browse Source
This commit is contained in:
Aleksander William
2026-06-09 17:46:57 +07:00
parent 25bdf082cc
commit f4065a84b6
10 changed files with 23 additions and 807 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebGISPovertyMap/index.php
+3 -160
View File
@@ -12,7 +12,6 @@ $isAdmin = isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
<title>Sistem WebGIS Terpadu — Kota Pontianak</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css" />
<link
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap"
rel="stylesheet">
@@ -72,9 +71,6 @@ $isAdmin = isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
<!-- Kotak Pilihan Dropdown yang Luas -->
<div class="custom-select-options" id="custom-select-options">
<div class="custom-option selected" data-value="Semua">Semua Layer</div>
<div class="custom-option" data-value="SPBU">SPBU</div>
<div class="custom-option" data-value="Jalan">Jaringan Jalan</div>
<div class="custom-option" data-value="Parsil">Parsil / Lahan</div>
<div class="custom-option" data-value="Rumah Ibadah">Rumah Ibadah</div>
</div>
</div>
@@ -87,7 +83,7 @@ $isAdmin = isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</span>
<input type="text" id="search-input" placeholder="Cari nama lokasi, jalan, atau lahan..."
<input type="text" id="search-input" placeholder="Cari nama lokasi atau rumah ibadah..."
onkeyup="jalankanPencarian()" oninput="toggleClearBtn()" autocomplete="off">
<button class="search-clear-btn" id="search-clear" onclick="clearSearch()" title="Hapus pencarian">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
@@ -191,19 +187,7 @@ $isAdmin = isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
<!-- Tab Navigation -->
<div class="sidebar-tabs">
<button class="stab active" data-tab="spbu" onclick="switchSidebarTab('spbu')">
<span class="stab-icon">⛽</span>
<span>SPBU</span>
</button>
<button class="stab" data-tab="jalan" onclick="switchSidebarTab('jalan')">
<span class="stab-icon">🛣️</span>
<span>Jalan</span>
</button>
<button class="stab" data-tab="parsil" onclick="switchSidebarTab('parsil')">
<span class="stab-icon">🏘️</span>
<span>Parsil</span>
</button>
<button class="stab" data-tab="ibadah" onclick="switchSidebarTab('ibadah')">
<button class="stab active" data-tab="ibadah" onclick="switchSidebarTab('ibadah')">
<span class="stab-icon">🕌</span>
<span>Ibadah</span>
</button>
@@ -216,147 +200,8 @@ $isAdmin = isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
<!-- Scrollable Content -->
<div class="sidebar-body">
<!-- ===== TAB: SPBU ===== -->
<div class="stab-content active" id="tab-spbu">
<div class="step-guide">
<div class="step-badge">Langkah 1</div>
<p>Klik tombol <strong>Tandai Lokasi</strong>, lalu klik titik di peta untuk menentukan posisi SPBU.
</p>
</div>
<button class="btn-pick-location" id="btn-pick-spbu" onclick="activatePickMode('spbu')">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
Tandai Lokasi di Peta
</button>
<div class="coords-display" id="coords-spbu">
<span class="coords-label">Koordinat:</span>
<span class="coords-value" id="coords-spbu-val">Belum dipilih</span>
</div>
<div class="step-guide" style="margin-top:14px;">
<div class="step-badge">Langkah 2</div>
<p>Isi detail informasi SPBU di bawah ini.</p>
</div>
<div class="sfield">
<label class="sfield-label">Nama SPBU <span class="required">*</span></label>
<input type="text" id="sb_nama_spbu" class="sinput" placeholder="Contoh: SPBU Jl. Ahmad Yani">
</div>
<div class="sfield">
<label class="sfield-label">Nomor Telepon</label>
<input type="text" id="sb_nohp_spbu" class="sinput" placeholder="Contoh: 0561-xxxxxx">
</div>
<div class="sfield">
<label class="sfield-label">Status Operasional</label>
<select id="sb_kategori_spbu" class="sselect">
<option value="Ya">Buka 24 Jam</option>
<option value="Tidak">Reguler</option>
</select>
</div>
<button class="btn-save-sidebar" onclick="saveSPBUSidebar()">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
</svg>
Simpan SPBU
</button>
</div>
<!-- ===== TAB: JALAN ===== -->
<div class="stab-content" id="tab-jalan">
<div class="step-guide">
<div class="step-badge">Langkah 1</div>
<p>Klik tombol <strong>Gambar Jalur</strong>, lalu klik titik-titik di peta membentuk ruas jalan.
Klik dua kali untuk selesai.</p>
</div>
<button class="btn-pick-location btn-draw" id="btn-draw-jalan" onclick="activateDrawMode('polyline')">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
</svg>
Gambar Jalur di Peta
</button>
<div class="coords-display" id="coords-jalan">
<span class="coords-label">Status:</span>
<span class="coords-value" id="coords-jalan-val">Belum digambar</span>
</div>
<div class="step-guide" style="margin-top:14px;">
<div class="step-badge">Langkah 2</div>
<p>Isi detail informasi jalan di bawah ini.</p>
</div>
<div class="sfield">
<label class="sfield-label">Nama Jalan <span class="required">*</span></label>
<input type="text" id="sb_nama_jalan" class="sinput" placeholder="Contoh: Jl. Gajah Mada">
</div>
<div class="sfield">
<label class="sfield-label">Status Jalan</label>
<select id="sb_status_jalan" class="sselect">
<option value="Jalan Nasional">Jalan Nasional</option>
<option value="Jalan Provinsi">Jalan Provinsi</option>
<option value="Jalan Kabupaten">Jalan Kabupaten</option>
</select>
</div>
<div class="sfield">
<label class="sfield-label">Panjang Terukur</label>
<input type="text" id="sb_panjang_jalan" class="sinput" placeholder="Otomatis terisi" readonly>
</div>
<button class="btn-save-sidebar btn-teal" onclick="saveJalanSidebar()">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
</svg>
Simpan Jalan
</button>
</div>
<!-- ===== TAB: PARSIL ===== -->
<div class="stab-content" id="tab-parsil">
<div class="step-guide">
<div class="step-badge">Langkah 1</div>
<p>Klik tombol <strong>Gambar Parsil</strong>, lalu klik titik-titik untuk membentuk batas lahan.
Klik dua kali untuk selesai.</p>
</div>
<button class="btn-pick-location btn-purple" id="btn-draw-parsil" onclick="activateDrawMode('polygon')">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
</svg>
Gambar Area Parsil
</button>
<div class="coords-display" id="coords-parsil">
<span class="coords-label">Status:</span>
<span class="coords-value" id="coords-parsil-val">Belum digambar</span>
</div>
<div class="step-guide" style="margin-top:14px;">
<div class="step-badge">Langkah 2</div>
<p>Isi detail informasi lahan di bawah ini.</p>
</div>
<div class="sfield">
<label class="sfield-label">Nama Pemilik <span class="required">*</span></label>
<input type="text" id="sb_nama_parsil" class="sinput" placeholder="Contoh: Budi Santoso">
</div>
<div class="sfield">
<label class="sfield-label">Status Tanah</label>
<select id="sb_status_parsil" class="sselect">
<option value="SHM">SHM (Hak Milik)</option>
<option value="HGB">HGB (Guna Bangunan)</option>
<option value="HGU">HGU (Guna Usaha)</option>
<option value="HP">HP (Hak Pakai)</option>
</select>
</div>
<div class="sfield">
<label class="sfield-label">Luas Terukur</label>
<input type="text" id="sb_luas_parsil" class="sinput" placeholder="Otomatis terisi" readonly>
</div>
<button class="btn-save-sidebar btn-purple-solid" onclick="saveParsil_Sidebar()">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
</svg>
Simpan Parsil
</button>
</div>
<!-- ===== TAB: RUMAH IBADAH ===== -->
<div class="stab-content" id="tab-ibadah">
<div class="stab-content active" id="tab-ibadah">
<div class="step-guide">
<div class="step-badge">Langkah 1</div>
<p>Klik tombol <strong>Tandai Lokasi</strong>, lalu klik titik di peta untuk menentukan posisi rumah
@@ -449,8 +294,6 @@ $isAdmin = isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
<div id="map" style="padding-top: 56px; height: 100vh; box-sizing: border-box;"></div>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@turf/turf@6/turf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/leaflet.heat@0.2.0/dist/leaflet-heat.js"></script>
<script>