Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

contexmenu handle in MapComponent wegen error contextmenu nicht vorhanden

Browse Source
This commit is contained in:
ISA
2024-09-11 10:35:38 +02:00
parent fdd8f13a3a
commit a43fbff4f8
3 changed files with 40 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
utils/initializeMap.js
View File

@@ -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);
}
}
};