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

feat: utils/utils.js Separation of Concerns (SOC)

Browse Source
This commit is contained in:
ISA
2024-07-08 14:25:09 +02:00
parent c71761768e
commit f54b78eae1
2 changed files with 108 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/MapComponent.js
View File

@@ -40,6 +40,12 @@ import { poiLayerVisibleState } from "../store/atoms/poiLayerVisible.js";
import { data } from "autoprefixer";
import plusRoundIcon from "./PlusRoundIcon.js";
import {
parsePoint,
determinePriority,
createAndSetMarkers,
} from "../utlis/utils.js";
//---------------------------------------------------------------------
//-------------------- MapComponent -----------------------------------
const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
@@ -513,7 +519,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
let initMap = [];
//------------------------------------------
//------------------------------------------
function parsePoint(pointString) {
/* function parsePoint(pointString) {
const match = pointString.match(
/POINT\s*\((\d+(\.\d+)?)\s+(\d+(\.\d+)?)\)/
);
@@ -527,14 +533,14 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
console.error("Invalid POINT format:", pointString);
return null; // Oder eine sinnvolle Standardantwort
}
}
} */
//----------------------------------
//------------------------------------------
function parsePoint(position) {
/* function parsePoint(position) {
const [longitude, latitude] = position.slice(6, -1).split(" ");
return { latitude: parseFloat(latitude), longitude: parseFloat(longitude) };
}
} */
//-----------------------------------------------------------------
// TALAS Marker hinzufügen
//-----------------------------------------------------------------
@@ -574,14 +580,14 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
const [sonstigeMarkers, setSonstigeMarkers] = useState([]); //----------station.System === 200
const [ulafMarkers, setUlafMarkers] = useState([]); //------------------ no exist
//--------------------------------------------------------------------------------
const determinePriority = (iconPath) => {
/* const determinePriority = (iconPath) => {
for (let priority of priorityConfig) {
if (iconPath.includes(priority.name.toLowerCase())) {
return priority.level;
}
}
return 5; // Default priority (lowest)
};
}; */
/* function determinePriority(iconPath) {
if (iconPath.includes("critical")) return 1; // Highest priority
if (iconPath.includes("critical")) {
@@ -606,7 +612,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
return 5; // Default priority (lowest)
} */
// Daten von einer externen Quelle laden
const createAndSetMarkers = async (systemId, setMarkersFunction) => {
/* const createAndSetMarkers = async (systemId, setMarkersFunction) => {
try {
const response1 = await fetch(config.mapGisStationsStaticDistrictUrl);
const jsonResponse = await response1.json();
@@ -635,10 +641,6 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
const priority = determinePriority(iconPath);
const zIndexOffset = 100 * (5 - priority); // Adjusted for simplicity and positive values
/* console.log(
`Icon Path: ${iconPath}, Priority: ${priority}, zIndexOffset: ${zIndexOffset}`
); */
const marker = L.marker([station.X, station.Y], {
icon: L.icon({
iconUrl: iconPath,
@@ -687,7 +689,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
} catch (error) {
console.error("Error fetching data: ", error);
}
};
}; */
//--------------------------------------------------------------------------------
const mapLayersVisibility = useRecoilValue(mapLayersState);