Kabelstrecken einblenden und ausblenden

utils/setupPolylines.js

@@ -10,6 +10,8 @@ import endIcon from "../components/gisPolylines/icons/EndIcon";
 import { redrawPolyline } from "./mapUtils";
 import { openInNewTab } from "./openInNewTab";
 import { toast } from "react-toastify";
+import { polylineLayerVisibleState } from "../store/atoms/polylineLayerVisibleState";
+import { useRecoilValue } from "recoil";
 
 // Funktion zum Deaktivieren der Polyline-Ereignisse
 export function disablePolylineEvents(polylines) {
@@ -21,17 +23,21 @@ export function disablePolylineEvents(polylines) {
 
 // Funktion zum Aktivieren der Polyline-Ereignisse
 export function enablePolylineEvents(polylines, lineColors) {
+  // Überprüfe, ob polylines definiert ist und ob es Elemente enthält
+  if (!polylines || polylines.length === 0) {
+    console.warn("Keine Polylinien vorhanden oder polylines ist undefined.");
+    return;
+  }
+
+  // Falls Polylinien vorhanden sind, wende die Events an
   polylines.forEach((polyline) => {
     polyline.on("mouseover", (e) => {
-      //console.log("Mouseover on polyline", polyline.options);
       polyline.setStyle({ weight: 14 });
       const link = `${process.env.NEXT_PUBLIC_BASE_URL}cpl.aspx?id=${polyline.options.idLD}`;
-      //localStorage.setItem("lastElementType", "polyline");
-      //localStorage.setItem("polylineLink", link);
+      // Verwende den Link oder speichere ihn, falls nötig
     });
 
     polyline.on("mouseout", (e) => {
-      //console.log("Mouseout from polyline", polyline.options);
       polyline.setStyle({ weight: 3 });
     });
   });
@@ -62,7 +68,18 @@ export const startIntervalWithContextMenuHandling = (map) => {
   }, 20000); // 20-Sekunden-Intervall
 };
 
-export const setupPolylines = (map, linePositions, lineColors, tooltipContents, setNewCoords, tempMarker, currentZoom, currentCenter) => {
+export const setupPolylines = (map, linePositions, lineColors, tooltipContents, setNewCoords, tempMarker, polylineVisible) => {
+  if (!polylineVisible) {
+    // Entferne alle Polylinien, wenn sie ausgeblendet werden sollen
+    if (window.polylines) {
+      window.polylines.forEach((polyline) => {
+        if (map.hasLayer(polyline)) {
+          map.removeLayer(polyline);
+        }
+      });
+    }
+    return { markers: [], polylines: [] };
+  }
   const markers = [];
   const polylines = [];
   const editMode = localStorage.getItem("editMode") === "true"; // Prüfen, ob der Bearbeitungsmodus aktiv ist