classify admin

public/assets/js/map.js

@@ -0,0 +1,90 @@
+// Map initialization function
+function initializeMap(containerId, defaultLat, defaultLng, defaultZoom = 13) {
+    const map = L.map(containerId).setView([defaultLat, defaultLng], defaultZoom);
+
+    // Configure default icon path
+    const defaultIcon = L.icon({
+        iconUrl: '/assets/css/images/marker-icon.png',
+        shadowUrl: '/assets/css/images/marker-shadow.png',
+        iconSize: [25, 41],
+        iconAnchor: [12, 41],
+        popupAnchor: [1, -34],
+        shadowSize: [41, 41]
+    });
+    L.Marker.prototype.options.icon = defaultIcon;
+
+    // Add OpenStreetMap tiles
+    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        attribution: '© OpenStreetMap contributors'
+    }).addTo(map);
+
+    // Add a draggable marker
+    const marker = L.marker([defaultLat, defaultLng], {
+        draggable: true
+    }).addTo(map);
+
+    // Handle map click events
+    map.on('click', function(e) {
+        const lat = e.latlng.lat;
+        const lng = e.latlng.lng;
+
+        // Update marker position
+        marker.setLatLng([lat, lng]);
+
+        // Update coordinates in form
+        updateCoordinates(lat, lng);
+    });
+
+    // Handle marker drag events
+    marker.on('dragend', function(e) {
+        const lat = e.target.getLatLng().lat;
+        const lng = e.target.getLatLng().lng;
+
+        // Update coordinates in form
+        updateCoordinates(lat, lng);
+    });
+
+    return map;
+}
+
+// Function to update coordinates in form fields
+function updateCoordinates(lat, lng) {
+    // Update city coordinates if on city page
+    if (typeof window.updateCityCoordinates === 'function') {
+        window.updateCityCoordinates(lat, lng);
+    }
+
+    // Update area coordinates if on area page
+    if (typeof window.updateAreaCoordinates === 'function') {
+        window.updateAreaCoordinates(lat, lng);
+    }
+}
+
+// Function to set map view to specific coordinates
+function setMapView(map, lat, lng, zoom = 13) {
+    map.setView([lat, lng], zoom);
+}
+
+// Function to update marker position
+function updateMarkerPosition(marker, lat, lng) {
+    marker.setLatLng([lat, lng]);
+}
+
+// Export functions for use in other files
+window.mapUtils = {
+    initializeMap,
+    updateCoordinates,
+    setMapView,
+    updateMarkerPosition,
+    removeMap(containerId) {
+        const container = document.getElementById(containerId);
+        if (!container) return;
+        if (container._leaflet_id) {
+            const map = L.map(containerId);
+            map.remove();
+        }
+
+        // Optional: Clear inner HTML to fully reset the container
+        container.innerHTML = '';
+    }
+};