From 79111365a2d6b67e1c12bf779ed63a710a6fbe7b Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Mon, 30 Dec 2024 09:22:43 +0100
Subject: [PATCH] feat: Bereichsmarker dynamisch an Editiermodus gekoppelt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bereichsmarker werden jetzt nur angezeigt, wenn der editMode aktiviert ist.
Marker werden bei deaktiviertem editMode aus der Karte entfernt.
Dynamische Überwachung von Änderungen im editMode über localStorage und Event Listener implementiert.
Dragging für Marker im editMode aktiviert und Z-Index angepasst.
---
 components/MapComponent.js | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/components/MapComponent.js b/components/MapComponent.js
index e6af2de98..5162e78c0 100644
--- a/components/MapComponent.js
+++ b/components/MapComponent.js
@@ -822,16 +822,25 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   useEffect(() => {
     const editMode = localStorage.getItem("editMode") === "true";
 
-    bereicheMarkers.forEach((marker) => {
-      if (editMode) {
+    // Prüfe, ob der editMode deaktiviert ist
+    if (!editMode) {
+      // Entferne alle Marker aus der Karte
+      bereicheMarkers.forEach((marker) => {
+        if (map.hasLayer(marker)) {
+          map.removeLayer(marker);
+        }
+      });
+    } else {
+      // Wenn editMode aktiviert ist, füge die Marker hinzu und aktiviere Dragging
+      bereicheMarkers.forEach((marker) => {
+        if (!map.hasLayer(marker)) {
+          marker.addTo(map); // Layer hinzufügen
+        }
         marker.dragging.enable();
         marker.setZIndexOffset(1000); // Marker nach oben setzen
-      } else {
-        marker.dragging.disable();
-        marker.setZIndexOffset(0); // Standard-Z-Index
-      }
-    });
-  }, [bereicheMarkers]);
+      });
+    }
+  }, [bereicheMarkers, map]);
 
   //----------------------------------
   useEffect(() => {