80 lines
2.7 KiB
JavaScript
80 lines
2.7 KiB
JavaScript
// components/useMapContextMenu.js
|
|
import { toast } from "react-toastify";
|
|
import { zoomIn, zoomOut, centerHere } from "../utils/zoomAndCenterUtils";
|
|
|
|
// components/useMapContextMenu.js
|
|
const addItemsToMapContextMenu = (map, menuItemAdded, setMenuItemAdded, openPopupWithCoordinates) => {
|
|
if (!menuItemAdded && map && map.contextmenu) {
|
|
map.contextmenu.addItem({
|
|
text: "Koordinaten anzeigen",
|
|
icon: "img/not_listed_location.png",
|
|
callback: openPopupWithCoordinates, // Aufruf des Popup-Callbacks
|
|
});
|
|
|
|
map.contextmenu.addItem({ separator: true });
|
|
|
|
map.contextmenu.addItem({
|
|
text: "Reinzoomen",
|
|
icon: "img/zoom_in.png",
|
|
callback: (e) => {
|
|
const currentZoom = map.getZoom();
|
|
const newZoom = Math.min(15, currentZoom + 3); // Stellt sicher, dass max. 15 erreicht wird
|
|
const zoomDifference = Math.abs(newZoom - currentZoom); // Anzahl der Zoom-Stufen
|
|
const duration = zoomDifference * 0.5; // Pro Stufe 0.5 Sekunden
|
|
|
|
map.flyTo(map.getCenter(), newZoom, {
|
|
animate: true,
|
|
duration: duration,
|
|
});
|
|
},
|
|
});
|
|
|
|
map.contextmenu.addItem({
|
|
text: "Rauszoomen",
|
|
icon: "img/zoom_out.png",
|
|
callback: () => {
|
|
const currentZoom = map.getZoom();
|
|
const newZoom = Math.max(6, currentZoom - 3); // Stellt sicher, dass min. 6 erreicht wird
|
|
const zoomDifference = Math.abs(newZoom - currentZoom); // Anzahl der Zoom-Stufen
|
|
const duration = zoomDifference * 0.5; // Pro Stufe 0.5 Sekunden
|
|
|
|
map.flyTo(map.getCenter(), newZoom, {
|
|
animate: true,
|
|
duration: duration,
|
|
});
|
|
},
|
|
});
|
|
|
|
map.contextmenu.addItem({
|
|
text: "Hier zentrieren",
|
|
icon: "img/center_focus.png",
|
|
callback: (e) => {
|
|
map.panTo(e.latlng);
|
|
},
|
|
});
|
|
|
|
setMenuItemAdded(true);
|
|
}
|
|
if (!menuItemAdded && map && map.contextmenu) {
|
|
const editMode = localStorage.getItem("editMode") === "true";
|
|
if (editMode) {
|
|
console.log("map :", map);
|
|
console.log("editMode localStorage:", localStorage.getItem("editMode"));
|
|
console.log("editMode:", editMode);
|
|
map.contextmenu.addItem({
|
|
text: "POI hinzufügen",
|
|
icon: "/img/add_station.png",
|
|
callback: openPopupWithCoordinates, // Statt alert wird die Funktion zum Öffnen des Popups genutzt
|
|
|
|
/* callback: (e) => {
|
|
alert("POI hinzufügen an: " + e.latlng.lat + ", " + e.latlng.lng);
|
|
// Falls du ein Modal-Fenster zum Hinzufügen verwenden möchtest:
|
|
// ShowAddStationPopup({ latlng: e.latlng, onClose: () => {} });
|
|
}, */
|
|
});
|
|
}
|
|
}
|
|
};
|
|
|
|
export default addItemsToMapContextMenu;
|