Version 1.0.2 mit node_modules Verzeichnis

utils/initializeMap.js

@@ -5,9 +5,9 @@ import "leaflet/dist/leaflet.css";
 import "leaflet-contextmenu/dist/leaflet.contextmenu.css";
 import * as urls from "../config/urls.js";
 import * as layers from "../config/layers.js";
-import { openInNewTab } from "./openInNewTab.js"; // Korrigiert
+import { openInNewTab } from "./openInNewTab.js";
 
-export const initializeMap = (mapRef, setMap, setOms, setMenuItemAdded, addItemsToMapContextMenu, hasRights) => {
+export const initializeMap = (mapRef, setMap, setOms, setMenuItemAdded, addItemsToMapContextMenu, hasRights, setPolylineEventsDisabled) => {
   if (mapRef.current) {
     const initMap = L.map(mapRef.current, {
       center: [53.111111, 8.4625],
@@ -25,20 +25,25 @@ export const initializeMap = (mapRef, setMap, setOms, setMenuItemAdded, addItems
             const link = localStorage.getItem("polylineLink");
             const clickedElement = e.relatedTarget;
 
-            // Überprüfe, ob der Kontextklick auf eine Polyline oder einen Marker erfolgt ist
-            if (link) {
-              const newTab = window.open(link, "_blank");
-              if (newTab) {
-                // Wenn der Tab geöffnet wird, lösche die `localStorage`-Einträge
-                localStorage.removeItem("polylineLink");
-                localStorage.removeItem("lastElementType");
+            // Überprüfe, ob Karte und contextmenu existieren
+            if (initMap && initMap.contextmenu) {
+              // Verarbeite Kontextmenü-Callback
+              if (link) {
+                const newTab = window.open(link, "_blank");
+                if (newTab) {
+                  // Lösche Einträge im localStorage
+                  localStorage.removeItem("polylineLink");
+                  localStorage.removeItem("lastElementType");
+                } else {
+                  console.error("Fehler: Das neue Tab konnte nicht geöffnet werden.");
+                }
+              } else if (clickedElement instanceof L.Marker || clickedElement instanceof L.Polyline) {
+                openInNewTab(e, clickedElement);
               } else {
-                console.error("Fehler: Das neue Tab konnte nicht geöffnet werden.");
+                console.error("Kein gültiges Ziel für den Kontextmenüeintrag");
               }
-            } else if (clickedElement instanceof L.Marker || clickedElement instanceof L.Polyline) {
-              openInNewTab(e, clickedElement); // Verwende openInNewTab für beide Fälle
             } else {
-              console.error("Kein gültiges Ziel für den Kontextmenüeintrag");
+              console.error("Karte oder Kontextmenü nicht verfügbar.");
             }
           },
         },
@@ -46,15 +51,23 @@ export const initializeMap = (mapRef, setMap, setOms, setMenuItemAdded, addItems
       ],
     });
 
+    // Füge die Tile-Layer hinzu
     L.tileLayer(urls.ONLINE_TILE_LAYER, {
       attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
     }).addTo(initMap);
 
+    // Initialisiere OverlappingMarkerSpiderfier
     const overlappingMarkerSpiderfier = new OverlappingMarkerSpiderfier(initMap, {
       nearbyDistance: 20,
     });
 
+    // Setze die Map und OMS in den State
     setMap(initMap);
     setOms(overlappingMarkerSpiderfier);
+
+    // Wenn Rechte geladen sind und es noch nicht hinzugefügt wurde, füge das Kontextmenü hinzu
+    if (hasRights && !setMenuItemAdded) {
+      addItemsToMapContextMenu(initMap, setMenuItemAdded, setPolylineEventsDisabled);
+    }
   }
 };