feat: implement map visualization, layer management, and searching for poverty data records

assets/js/map.js

@@ -2,6 +2,23 @@
 // Koordinat awal: [-0.0263, 109.3425] (Pontianak)
 const map = L.map('map', { zoomControl: false }).setView([-0.0263, 109.3425], 13);
 
+// ===== Toast Notification =====
+window.showToast = function(message, type = 'success', duration = 3500) {
+    const icons = { success: '✅', error: '❌', info: 'ℹ️', warning: '⚠️' };
+    const container = document.getElementById('toastContainer');
+    if (!container) return;
+
+    const toast = document.createElement('div');
+    toast.className = `toast toast-${type}`;
+    toast.innerHTML = `<span class="toast-icon">${icons[type] || 'ℹ️'}</span><span>${message}</span>`;
+    container.appendChild(toast);
+
+    setTimeout(() => {
+        toast.classList.add('hiding');
+        toast.addEventListener('animationend', () => toast.remove());
+    }, duration);
+};
+
 // Custom Zoom Control Logic
 document.getElementById('zoomInBtn').addEventListener('click', function() { map.zoomIn(); });
 document.getElementById('zoomOutBtn').addEventListener('click', function() { map.zoomOut(); });