add: implement fetchGisStatusStations in MapComponent for prio and Markers color

components/MapComponent.js

@@ -47,7 +47,8 @@ const plusRoundIcon = L.icon({
   iconAnchor: [25, 55],
   className: "absolute top-0 left-0 z-10", // Adjust with Tailwind CSS classes
 });
-
+//---------------------------------------------------------------------
+//-------------------- MapComponent -----------------------------------
 const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   const [priorityConfig, setPriorityConfig] = useState([]);
 
@@ -69,6 +70,28 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   useEffect(() => {
     console.log("Aktualisierte Prioritätskonfiguration:", priorityConfig);
   }, [priorityConfig]);
+  //---------------------------------------------------------------------
+  const fetchGisStatusStations = async (idMap, idUser) => {
+    try {
+      const response = await fetch(
+        `/api/talas_v5_DB/getGisStatusStations?idMap=${idMap}&idUser=${idUser}`
+      );
+      if (!response.ok) {
+        throw new Error(`Error: ${response.statusText}`);
+      }
+      const data = await response.json();
+      console.log("GisStatusStations:", data);
+      return data;
+    } catch (error) {
+      console.error("Fehler beim Abrufen der Daten:", error);
+    }
+  };
+
+  useEffect(() => {
+    fetchGisStatusStations(1, 123); // Beispielaufruf mit idMap = 1 und idUser = 123
+  }, []);
+
+  //---------------------------------------------------------------------
   /*
       path.includes("critical") || // Priorität 1
       path.includes("major") || // Priorität 2