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

feat: Extract zoomIn and zoomOut functions to separate file

Browse Source 
- Moved zoomIn and zoomOut functions from MapComponent.js to a new file zoomUtils.js in the utils directory.
- Updated MapComponent.js to import and use the zoomIn and zoomOut functions from the new file.
- This change improves code modularity and readability.
This commit is contained in:
ISA
2024-07-12 06:25:05 +02:00
parent c793e1c81c
commit 91923ef8b4
3 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/MapComponent.js
View File

@@ -79,6 +79,7 @@ import { MAP_VERSION } from "../config/settings";
import * as layers from "../config/layers.js";
import useMapContextMenu from "./useMapContextMenu.js";
import { openInSameWindow } from "../utils/openInSameWindow";
import { zoomIn, zoomOut } from "../utils/zoomUtils";
//---------------------------------------------------------------------
//-------------------- MapComponent -----------------------------------
const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
@@ -234,20 +235,6 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
//----------------------------------------------------
//-----Kontextmenu----------------
const zoomIn = (e) => {
initMap.flyTo(e.latlng, 12);
//console.log("ZoomIn koordinaten in MapComponent", e.latlng);
// Speichern der Daten in LocalStorage
localStorage.setItem("mapZoom", map.getZoom());
localStorage.setItem("mapCenter", JSON.stringify(map.getCenter()));
};
const zoomOut = (e) => {
fly();
localStorage.setItem("mapZoom", map.getZoom());
localStorage.setItem("mapCenter", JSON.stringify(map.getCenter()));
};
const centerHere = (e) => {
initMap.panTo(e.latlng);
};