wind view checkbox

src/routes/WindVisualisation.svelte

@@ -92,28 +92,54 @@
         if (legend) map.removeControl(legend);
         
         // Создаем слой векторов ветра
-        velocityLayer = L.velocityLayer({
-        displayValues: true,
-        displayOptions: {
-            velocityType: 'Wind Speed',
-            position: 'bottomleft',
-            emptyString: 'No wind data',
-        },
-        data: windData
-        }).addTo(map);
+        if (showVectors) {
+            velocityLayer = L.velocityLayer({
+                displayValues: true,
+                displayOptions: {
+                velocityType: 'Wind Speed',
+                position: 'bottomleft',
+                emptyString: 'No wind data',
+                },
+                data: windData
+            }).addTo(map);
+        }
         
         // Создаем тепловую карту
-        const heatData = prepareHeatData(windData);
-        heatLayer = createHeatLayer(heatData);
-        
-        if (heatLayer) {
-        heatLayer.addTo(map);
-        createLegend(Math.max(...heatData.map(point => point[2])));
-        } else {
-        console.warn("Heat layer was not created");
+        if (showHeatmap) {
+            const heatData = prepareHeatData(windData);
+            heatLayer = createHeatLayer(heatData);
+            
+            if (heatLayer) {
+                heatLayer.addTo(map);
+                createLegend(Math.max(...heatData.map(point => point[2])));
+            }
         }
+
+        // Обновляем контроль слоев
+        updateLayerControl();
     };
 
+    const updateLayerControl = () => {
+        if (layerControl) {
+            map.removeControl(layerControl);
+        }
+        
+        const baseLayers = {};
+        const overlays = {};
+        
+        if (velocityLayer) {
+            overlays['Векторы ветра'] = velocityLayer;
+        }
+        
+        if (heatLayer) {
+            overlays['Тепловая карта'] = heatLayer;
+        }
+        
+        layerControl = L.control.layers(null, overlays, {
+            collapsed: false,
+            position: 'topright'
+        }).addTo(map);
+    };
     // Создание легенды с учетом максимальной скорости
     const createLegend = (maxSpeed) => {
         if (!map) return;
@@ -162,7 +188,41 @@
         updateLayers();
     };
 </script>
+<div class="layer-controls">
+    <div class="control-group">
+        <label>
+            <input type="checkbox" bind:checked={showHeatmap}> Тепловая карта
+        </label>
+        <label>
+            <input type="checkbox" bind:checked={showVectors}> Векторы ветра
+        </label>
+    </div>
+</div>
 <style>
+    .layer-controls {
+        position: absolute;
+        bottom: 30px;
+        left: 10px;
+        z-index: 1000;
+        background: rgba(255, 255, 255, 0.8);
+        padding: 10px;
+        border-radius: 5px;
+        box-shadow: 0 0 10px rgba(0,0,0,0.2);
+    }
+    
+    .control-group {
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+    }
+    
+    .control-group label {
+        display: flex;
+        align-items: center;
+        gap: 5px;
+        font-size: 14px;
+        cursor: pointer;
+    }
     .wind-heat-legend {
         padding: 8px 10px;
         background: rgba(255, 255, 255, 0.9);