naukyy
57 lines
2.7 KiB
HTML
57 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>WebGIS - Pertemuan 01</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<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 rel="stylesheet" href="css/main.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Peta -->
|
|
<div id="map"></div>
|
|
|
|
<!-- Floating Dock -->
|
|
<div class="floating-dock">
|
|
<div class="header">
|
|
<h2>P01: Geometri</h2>
|
|
<p>Sistem Informasi Geografis dengan arsitektur modern.</p>
|
|
</div>
|
|
|
|
<div class="menu-group">
|
|
<div class="menu-title">Alat Spasial</div>
|
|
|
|
<button id="btn-draw-spbu" class="btn-action btn-spbu">
|
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.242-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
|
|
Tambah SPBU
|
|
</button>
|
|
|
|
<button id="btn-draw-jalan" class="btn-action btn-jalan">
|
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path></svg>
|
|
Tambah Jalan
|
|
</button>
|
|
|
|
<button id="btn-draw-kavling" class="btn-action btn-kavling">
|
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path></svg>
|
|
Tambah Kavling
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Dynamic Form Container -->
|
|
<div id="form-container" style="display: none;"></div>
|
|
|
|
</div>
|
|
|
|
<!-- Toast Notification Container -->
|
|
<div id="toast-container" class="toast-container"></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 type="module" src="js/app.js"></script>
|
|
|
|
</body>
|
|
</html>
|