fix(map): entferne Start-, End- und Stützpunkt-Icons sofort beim Ausblenden der Kabelstrecken

- Alle Marker mit StartIcon, EndIcon und CircleIcon werden jetzt direkt entfernt, wenn die Kabelstrecken-Checkbox deaktiviert wird
- Kein Browser-Reload mehr nötig, Icons verschwinden sofort von der Karte

.env.development

@@ -24,4 +24,4 @@ NEXT_PUBLIC_USE_MOCKS=true
 # z.B. http://10.10.0.13/xyz/index.aspx -> basePath in config.json auf /xyz setzen
 # basePath wird jetzt in public/config.json gepflegt
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.1.342
+NEXT_PUBLIC_APP_VERSION=1.1.343

.env.production

@@ -25,4 +25,4 @@ NEXT_PUBLIC_USE_MOCKS=false
 # basePath wird jetzt in public/config.json gepflegt
 
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.1.342
+NEXT_PUBLIC_APP_VERSION=1.1.343

components/mainComponent/MapComponent.js

@@ -10,6 +10,9 @@ import { InformationCircleIcon } from "@heroicons/react/20/solid";
 import PoiUpdateModal from "@/components/pois/poiUpdateModal/PoiUpdateModal.js";
 import { ToastContainer, toast } from "react-toastify";
 import plusRoundIcon from "../icons/devices/overlapping/PlusRoundIcon.js";
+import StartIcon from "@/components/gisPolylines/icons/StartIcon.js";
+import EndIcon from "@/components/gisPolylines/icons/EndIcon.js";
+import CircleIcon from "@/components/gisPolylines/icons/CircleIcon.js";
 import { restoreMapSettings, checkOverlappingMarkers } from "../../utils/mapUtils.js";
 
 import addItemsToMapContextMenu from "@/components/contextmenu/useMapContextMenu.js";
@@ -234,41 +237,62 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
 
   // URL-Parameter extrahieren und kartenspezifische localStorage-Keys verwenden
   useEffect(() => {
-    const params = new URLSearchParams(window.location.search);
+    // Immer beim Umschalten der Kabelstrecken-Checkbox prüfen!
-    const mapId = params.get("m");
+    if (map) {
-    const userId = params.get("u");
+      if (!polylineVisible) {
-
+        map.eachLayer(layer => {
-    if (mapId && userId) {
+          // Entferne alle Marker mit StartIcon, EndIcon oder CircleIcon (Stützpunkt)
-      // Speichere aktuelle Map- und User-ID
+          if (
-      localStorage.setItem("currentMapId", mapId);
+            layer instanceof L.Marker &&
-      localStorage.setItem("currentUserId", userId);
+            layer.options &&
-
+            layer.options.icon &&
-      // Kartenspezifischer localStorage-Key
+            (layer.options.icon === StartIcon ||
-      const mapStorageKey = `mapLayersVisibility_m${mapId}_u${userId}`;
+              layer.options.icon === EndIcon ||
-      const storedMapLayersVisibility = localStorage.getItem(mapStorageKey);
+              layer.options.icon === CircleIcon)
-
+          ) {
-      if (storedMapLayersVisibility) {
+            map.removeLayer(layer);
-        try {
+          }
-          const parsedVisibility = JSON.parse(storedMapLayersVisibility);
+        });
-          Object.keys(parsedVisibility).forEach(key => {
-            dispatch(setLayerVisibility({ layer: key, visibility: parsedVisibility[key] }));
-          });
-          console.log(
-            `🔄 mapLayersVisibility für Map ${mapId}/User ${userId} geladen:`,
-            parsedVisibility
-          );
-        } catch (error) {
-          console.error("❌ Fehler beim Laden von mapLayersVisibility:", error);
-        }
-      } else {
-        console.log(
-          `📝 Keine gespeicherten Einstellungen für Map ${mapId}/User ${userId} gefunden`
-        );
       }
-      // Redux Polyline Sichtbarkeit initialisieren (map/user spezifisch)
-      dispatch(initializePolylineFromLocalStorageThunk());
     }
-  }, [dispatch]); // Nur einmal beim Mount ausführen
+    // Initialisierung der Layer-Visibility und Polyline-Redux-State nur beim Mount
+    if (typeof window !== "undefined") {
+      const params = new URLSearchParams(window.location.search);
+      const mapId = params.get("m");
+      const userId = params.get("u");
+
+      if (mapId && userId) {
+        // Speichere aktuelle Map- und User-ID
+        localStorage.setItem("currentMapId", mapId);
+        localStorage.setItem("currentUserId", userId);
+
+        // Kartenspezifischer localStorage-Key
+        const mapStorageKey = `mapLayersVisibility_m${mapId}_u${userId}`;
+        const storedMapLayersVisibility = localStorage.getItem(mapStorageKey);
+
+        if (storedMapLayersVisibility) {
+          try {
+            const parsedVisibility = JSON.parse(storedMapLayersVisibility);
+            Object.keys(parsedVisibility).forEach(key => {
+              dispatch(setLayerVisibility({ layer: key, visibility: parsedVisibility[key] }));
+            });
+            console.log(
+              `🔄 mapLayersVisibility für Map ${mapId}/User ${userId} geladen:`,
+              parsedVisibility
+            );
+          } catch (error) {
+            console.error("❌ Fehler beim Laden von mapLayersVisibility:", error);
+          }
+        } else {
+          console.log(
+            `📝 Keine gespeicherten Einstellungen für Map ${mapId}/User ${userId} gefunden`
+          );
+        }
+        // Redux Polyline Sichtbarkeit initialisieren (map/user spezifisch)
+        dispatch(initializePolylineFromLocalStorageThunk());
+      }
+    }
+  }, [dispatch, polylineVisible, map]);
   useEffect(() => {
     if (linesData && Array.isArray(linesData)) {
       const transformed = linesData.map(item => ({

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "nodemap",
-  "version": "1.1.342",
+  "version": "1.1.343",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "nodemap",
-      "version": "1.1.342",
+      "version": "1.1.343",
       "dependencies": {
         "@emotion/react": "^11.13.3",
         "@emotion/styled": "^11.13.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodemap",
-  "version": "1.1.342",
+  "version": "1.1.343",
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",