Manuell layerGroup anzeigen

components/DataSheet.js

@@ -68,13 +68,10 @@ function DataSheet() {
   const [checkedStations, setCheckedStations] = useState({});
 
   const handleCheckboxChange = (layerName) => {
-    setCheckedStations((prev) => ({
-      ...prev,
-      [layerName]: !prev[layerName],
-    }));
+    // Umschalten der Sichtbarkeit im Zustand
     setLayers((prevLayers) => ({
       ...prevLayers,
-      [layerName]: !prevLayers[layerName],
+      [layerName]: !prevLayers[layerName], // Umschalten des Booleschen Werts
     }));
   };
 
@@ -121,7 +118,7 @@ function DataSheet() {
               type="checkbox"
               id={`box-${station.id}`}
               className="accent-blue-500 checked:bg-blue-500"
-              checked={checkedStations[station.id] || false}
+              checked={layers[station.name] || false} // Zustand von Recoil verwenden
               onChange={() => handleCheckboxChange(station.name)}
             />
             <label