initialize

spbu/assets/js/features/geolocation.js

@@ -0,0 +1,31 @@
+// --- Fitur Geolocation ---
+
+// Tambahkan tombol di dalam wadah zoom control
+const geoBtn = document.createElement('button');
+geoBtn.className = 'custom-layer-btn';
+geoBtn.style.position = 'relative';
+geoBtn.style.top = '0';
+geoBtn.style.left = '0';
+geoBtn.style.right = 'auto';
+geoBtn.innerHTML = '<i class="fas fa-crosshairs fa-lg"></i>';
+geoBtn.title = 'Lokasi Saya';
+document.querySelector('.custom-zoom-control').appendChild(geoBtn);
+
+let userMarker = null;
+
+geoBtn.addEventListener('click', function() {
+    map.locate({setView: true, maxZoom: 16});
+});
+
+map.on('locationfound', function(e) {
+    if (userMarker) {
+        map.removeLayer(userMarker);
+    }
+    userMarker = L.marker(e.latlng).addTo(map)
+        .bindPopup("Anda berada di sini!").openPopup();
+});
+
+map.on('locationerror', function(e) {
+    alert("Gagal mendapatkan lokasi Anda.");
+});
+