45 lines
1.1 KiB
JavaScript
45 lines
1.1 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) => {
|
|
map.setZoom(map.getZoom() + 1);
|
|
},
|
|
});
|
|
|
|
map.contextmenu.addItem({
|
|
text: "Rauszoomen",
|
|
icon: "img/zoom_out.png",
|
|
callback: () => {
|
|
map.setZoom(map.getZoom() - 1);
|
|
},
|
|
});
|
|
|
|
map.contextmenu.addItem({
|
|
text: "Hier zentrieren",
|
|
icon: "img/center_focus.png",
|
|
callback: (e) => {
|
|
map.panTo(e.latlng);
|
|
},
|
|
});
|
|
|
|
setMenuItemAdded(true);
|
|
}
|
|
};
|
|
|
|
export default addItemsToMapContextMenu;
|