Create new project design plans

web/static/map.js

@@ -23,7 +23,6 @@ let selectionBox = null;
 let multiSelectMode = false;
 
 // Mobile controls state
-let mobileControlsOpen = false;
 let loadedCounty = '';
 let loadedDataType = '';
 
@@ -43,13 +42,7 @@ let popupLatlng = null;
 
 // Initialize map
 function initMap() {
-    map = L.map('map').setView([28.7, -81.7], 12);
-
-    L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
-        attribution: '© OpenStreetMap contributors © CARTO',
-        subdomains: 'abcd',
-        maxZoom: 20
-    }).addTo(map);
+    map = initBaseMap('map', [28.7, -81.7], 12);
 
     snapPreviewLayer = L.layerGroup().addTo(map);
 
@@ -2103,30 +2096,8 @@ function toggleLayer(layerId, layer) {
 document.addEventListener('DOMContentLoaded', function() {
     initMap();
 
-    // Mobile hamburger menu toggle
-    const hamburgerButton = document.getElementById('hamburgerButton');
-    const controls = document.getElementById('controls');
-    const overlay = document.getElementById('overlay');
-
-    function toggleControls() {
-        mobileControlsOpen = !mobileControlsOpen;
-        controls.classList.toggle('open');
-        hamburgerButton.classList.toggle('active');
-        overlay.classList.toggle('active');
-    }
-
-    function closeControls() {
-        mobileControlsOpen = false;
-        controls.classList.remove('open');
-        hamburgerButton.classList.remove('active');
-        overlay.classList.remove('active');
-    }
-
-    // Expose closeControls globally for other functions
-    window.closeMobileControls = closeControls;
-
-    hamburgerButton.addEventListener('click', toggleControls);
-    overlay.addEventListener('click', closeControls);
+    // Mobile hamburger menu toggle (shared helper in map-ui.js)
+    initMobileControls();
 
     // Layer toggles
     document.getElementById('osmToggle').addEventListener('change', function() {