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

POIs hinzufügen, löschen und bearbeiten funktioniert! in mapFeatures.js als marker, irgendwann in poi umbenennen

Browse Source
This commit is contained in:
ISA
2024-08-15 15:53:27 +02:00
parent 18ad7cad7e
commit 8699c1c4a0
10 changed files with 121 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
utils/mapInitialization.js
View File

@@ -1,18 +1,18 @@
// /utils/mapInitialization.js
import L from "leaflet";
//import OverlappingMarkerSpiderfier from "overlapping-marker-spiderfier-leaflet";
import "leaflet-contextmenu";
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 { addContextMenuToMarker, openInNewTab } from "../utils/contextMenuUtils.js";
import { openInNewTab } from "../utils/contextMenuUtils.js";
import { findNearestPolyline } from "./geometryUtils"; // Importiere die Funktion zur Suche der nächsten Linie
let lastClickedTarget = null; // Variable zur Zwischenspeicherung des Ziels
export const initializeMap = (mapRef, setMap, setOms, setMenuItemAdded, addItemsToMapContextMenu, hasRights) => {
const offlineTileLayer = urls.OFFLINE_TILE_LAYER;
//const offlineTileLayer = process.env.OFFLINE_TILE_LAYER;
const onlineTileLayer = urls.ONLINE_TILE_LAYER;
//const onlineTileLayer = process.env.ONLINE_TILE_LAYER;
const TALAS = layers.MAP_LAYERS.TALAS;
const ECI = layers.MAP_LAYERS.ECI;
const ULAF = layers.MAP_LAYERS.ULAF;
@@ -37,11 +37,15 @@ export const initializeMap = (mapRef, setMap, setOms, setMenuItemAdded, addItems
contextmenu: true,
contextmenuItems: [
{
text: "Station öffnen (Tab)",
text: "Station Öffnen (Tab)",
icon: "/img/screen_new.png",
callback: (e) => {
const clickedMarker = e.relatedTarget;
openInNewTab(e, clickedMarker);
const clickedTarget = lastClickedTarget || findNearestPolyline(initMap, e.latlng); // Verwende zwischengespeichertes Ziel oder die nächstgelegene Linie
if (clickedTarget) {
openInNewTab(e, clickedTarget); // Gemeinsame Funktion für Linien und Stationen
} else {
console.error("Kein gültiges Ziel im Kontextmenü");
}
},
},
"-",
@@ -67,6 +71,31 @@ export const initializeMap = (mapRef, setMap, setOms, setMenuItemAdded, addItems
}
});
// Speichere das Ziel, wenn die Maus über eine Linie oder einen Marker fährt
initMap.on("mouseover", function (e) {
if (e.layer instanceof L.Polyline || e.layer instanceof L.Marker) {
lastClickedTarget = e.layer; // Speichere das zuletzt überfahrene Element
}
});
// Kontextmenü-Event
initMap.on("contextmenu", function (e) {
const clickedTarget = lastClickedTarget || findNearestPolyline(initMap, e.latlng) || e.relatedTarget || e.layer; // Verwende entweder das zwischengespeicherte Ziel oder die nächstgelegene Linie
if (!clickedTarget) {
console.error("Kein gültiges Ziel im Kontextmenü");
return;
}
if (clickedTarget instanceof L.Polyline) {
console.log("ID der Linie (idLD):", clickedTarget.options.idLD);
// Das Kontextmenü wird nun geöffnet und beim Klicken wird `openInNewTab` ausgeführt
} else if (clickedTarget instanceof L.Marker) {
openInNewTab(e, clickedTarget);
} else {
console.error("Fehler: Ungültiges Ziel.");
}
});
initMap.whenReady(() => {
console.log("Karte ist jetzt bereit und initialisiert.");
addItemsToMapContextMenu(hasRights);