Abimanyu Ridho
35 lines
1.2 KiB
PHP
35 lines
1.2 KiB
PHP
<div id="app">
|
|
<header id="header">
|
|
<div class="nav-tabs" role="tablist" aria-label="Pilih layer" style="display:none"></div>
|
|
|
|
<div class="header-search" id="header-search">
|
|
<div class="search-box">
|
|
<span class="search-icon">⌕</span>
|
|
<input id="search-input" type="search" autocomplete="off"
|
|
placeholder="Telusuri Webgis Poverty" aria-label="Cari objek peta" />
|
|
</div>
|
|
<div class="search-results" id="search-results" aria-label="Hasil pencarian"></div>
|
|
</div>
|
|
|
|
<div class="header-right">
|
|
<div class="coord-display" id="coord-display">Lat: - | Lng: -</div>
|
|
<div class="status-pill"><span id="status-zoom">Zoom: 13</span></div>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="main">
|
|
<section id="map-wrap">
|
|
<div id="instruction-banner"></div>
|
|
<div id="map"></div>
|
|
</section>
|
|
|
|
<aside id="panel">
|
|
<div id="panel-head">
|
|
<h2 id="panel-title">Rumah Ibadah & Kemiskinan</h2>
|
|
</div>
|
|
<div id="panel-body">
|
|
<div class="loading"><span class="spinner"></span>Memuat data...</div>
|
|
</div>
|
|
</aside>
|
|
</main>
|
|
</div> |