Bereich Tooltip Bereich und Standort enthalten

components/DataSheet.js

@@ -24,6 +24,7 @@ function DataSheet() {
   const setZoomTrigger = useSetRecoilState(zoomTriggerState);
   const [polylineVisible, setPolylineVisible] = useRecoilState(polylineLayerVisibleState); // Zustand für Polylines
   const [bereicheVisible, setBereicheVisible] = useState(false); // NEU: Bereiche-Status
+  const [standordVisible, setStandorteVisible] = useState(false); // NEU: Standorte-Status
   useEffect(() => {
     // LocalStorage Werte laden
     const storedPoiVisible = localStorage.getItem("poiVisible");
@@ -153,6 +154,12 @@ function DataSheet() {
     setBereicheVisible(checked);
     localStorage.setItem("bereicheVisible", checked);
   };
+  const handleStandorteCheckboxChange = (event) => {
+    if (editMode) return;
+    const { checked } = event.target;
+    setStandorteVisible(checked);
+    localStorage.setItem("standorteVisible", checked);
+  };
 
   //---------------------------
   return (
@@ -223,6 +230,14 @@ function DataSheet() {
               Bereiche
             </label>
           </div>
+
+          {/* Standorte */}
+          <div className="flex items-center">
+            <input type="checkbox" checked={standordVisible} onChange={handleStandorteCheckboxChange} id="bereiche-checkbox" />
+            <label htmlFor="bereiche-checkbox" className="text-sm ml-2">
+              Standorte
+            </label>
+          </div>
         </div>
       </div>
     </div>