feat: Extracted restoreMapSettings to mapUtils.js

Moved the restoreMapSettings function from MapComponent.js to mapUtils.js for better modularity and reusability. This change also helps in maintaining cleaner code and improving readability.

utils/mapUtils.js

@@ -1,3 +1,4 @@
+// /utils/mapUtils.js
 import L from "leaflet";
 
 export const redrawPolyline = (lineData, lineColors, tooltipContents, map) => {
@@ -61,3 +62,18 @@ export const saveLineData = (lineData) => {
       console.error("Fehler beim Speichern der Linienänderungen:", error);
     });
 };
+// Call this function on page load to restore zoom and center
+export const restoreMapSettings = (map) => {
+  const savedZoom = localStorage.getItem("mapZoom");
+  const savedCenter = localStorage.getItem("mapCenter");
+
+  if (savedZoom && savedCenter) {
+    try {
+      const centerCoords = JSON.parse(savedCenter);
+      map.setView(centerCoords, parseInt(savedZoom));
+    } catch (e) {
+      console.error("Error parsing stored map center:", e);
+      map.setView([53.111111, 8.4625], 12); // Standardkoordinaten und -zoom
+    }
+  }
+};

utils/markerUtils.js

@@ -1,3 +1,4 @@
+// /utils/markerUtils.js
 import circleIcon from "../components/CircleIcon";
 import { saveLineData, redrawPolyline } from "./mapUtils";
 
@@ -62,3 +63,31 @@ export const handleEditPoi = (
 
   setShowPoiUpdateModal(true);
 };
+
+export const removeMarker = (marker, lineData, currentZoom, currentCenter) => {
+  // Save zoom and center to localStorage
+  localStorage.setItem("mapZoom", currentZoom);
+  localStorage.setItem("mapCenter", JSON.stringify(currentCenter));
+
+  // Find the index of the coordinate that matches the marker's position
+  const index = lineData.coordinates.findIndex((coord) =>
+    L.latLng(coord[0], coord[1]).equals(marker.getLatLng())
+  );
+
+  if (index !== -1) {
+    // Remove the coordinate from the line data
+    lineData.coordinates.splice(index, 1);
+
+    // Redraw the polyline with the updated coordinates
+    redrawPolyline(lineData);
+
+    // Remove the marker from the map
+    marker.remove();
+
+    // Save the updated line data
+    saveLineData(lineData);
+
+    // Refresh the browser
+    window.location.reload();
+  }
+};