polylines tooltip content

2024-08-10 10:32:37 +02:00
parent b1f7b700ca
commit b7116a1e6f
142 changed files with 14451 additions and 4281 deletions
--- a/components/useMapContextMenu.js
+++ b/components/useMapContextMenu.js
@@ -0,0 +1,77 @@
+// /components/useMapContextMenu.js
+import { toast } from "react-toastify";
+import { zoomIn, zoomOut, centerHere } from "../utils/zoomAndCenterUtils"; // Assuming these are imported correctly
+
+const zoomInCallback = (e, map) => {
+  zoomIn(e, map);
+};
+
+const zoomOutCallback = (map) => {
+  zoomOut(map);
+};
+
+const centerHereCallback = (e, map) => {
+  centerHere(e, map);
+};
+// Funktion zum Anzeigen der Koordinaten
+const showCoordinates = (e) => {
+  alert("Breitengrad: " + e.latlng.lat.toFixed(5) + "\nLängengrad: " + e.latlng.lng.toFixed(5));
+};
+// Kontextmenü Callback für "POI hinzufügen"
+const addStationCallback = (event, hasRights, setShowPopup, setPopupCoordinates) => {
+  if (hasRights) {
+    setPopupCoordinates(event.latlng);
+    setShowPopup(true);
+  } else {
+    toast.error("Benutzer hat keine Berechtigung zum Hinzufügen.", {
+      position: "top-center",
+      autoClose: 5000,
+      hideProgressBar: false,
+      closeOnClick: true,
+      pauseOnHover: true,
+      draggable: true,
+      progress: undefined,
+    });
+  }
+};
+
+export const addItemsToMapContextMenu = (map, menuItemAdded, setMenuItemAdded, hasRights, setShowPopup, setPopupCoordinates) => {
+  if (!menuItemAdded && map && map.contextmenu) {
+    map.contextmenu.addItem({
+      text: "Koordinaten anzeigen",
+      icon: "img/not_listed_location.png",
+      callback: showCoordinates,
+    });
+
+    map.contextmenu.addItem({ separator: true });
+
+    map.contextmenu.addItem({
+      text: "Reinzoomen",
+      icon: "img/zoom_in.png",
+      callback: (e) => zoomInCallback(e, map),
+    });
+
+    map.contextmenu.addItem({
+      text: "Rauszoomen",
+      icon: "img/zoom_out.png",
+      callback: () => zoomOutCallback(map),
+    });
+
+    map.contextmenu.addItem({
+      text: "Hier zentrieren",
+      icon: "img/center_focus.png",
+      callback: (e) => centerHereCallback(e, map),
+    });
+
+    map.contextmenu.addItem({ separator: true });
+
+    map.contextmenu.addItem({
+      text: "POI hinzufügen",
+      icon: "img/add_station.png",
+      className: "background-red",
+      callback: (event) => addStationCallback(event, hasRights, setShowPopup, setPopupCoordinates),
+    });
+
+    setMenuItemAdded(true);
+  }
+};