diff --git a/components/MapComponent.js b/components/MapComponent.js index b90054ca4..41a4e7442 100644 --- a/components/MapComponent.js +++ b/components/MapComponent.js @@ -1121,6 +1121,243 @@ const MapComponent = ({ locations, onLocationUpdate }) => { toggleLayer(mapLayersVisibility.TALAS); }, [map, talasMarkers, mapLayersVisibility.TALAS]); + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der ECI-Marker basierend auf dem Zustand von mapLayersVisibility.ECI + + useEffect(() => { + if (!map || !eciMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + eciMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + eciMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility state to the ECI layer + toggleLayer(mapLayersVisibility.ECI); + }, [map, eciMarkers, mapLayersVisibility.ECI]); + + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der ULAF-Marker basierend auf dem Zustand von mapLayersVisibility.ULAF + + useEffect(() => { + if (!map || !ulafMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + ulafMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + ulafMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.ULAF); + }, [map, ulafMarkers, mapLayersVisibility.ULAF]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der GSMModem-Marker basierend auf dem Zustand von mapLayersVisibility.GSMModem + + useEffect(() => { + if (!map || !gsmModemMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + gsmModemMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + gsmModemMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.GSMModem); + }, [map, gsmModemMarkers, mapLayersVisibility.GSMModem]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der CiscoRouter-Marker basierend auf dem Zustand von mapLayersVisibility.CiscoRouter + + useEffect(() => { + if (!map || !ciscoRouterMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + ciscoRouterMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + ciscoRouterMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.CiscoRouter); + }, [map, ciscoRouterMarkers, mapLayersVisibility.CiscoRouter]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der WAGO-Marker basierend auf dem Zustand von mapLayersVisibility.WAGO + + useEffect(() => { + if (!map || !wagoMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + wagoMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + wagoMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.WAGO); + }, [map, wagoMarkers, mapLayersVisibility.WAGO]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der Siemens-Marker basierend auf dem Zustand von mapLayersVisibility.Siemens + + useEffect(() => { + if (!map || !siemensMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + siemensMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + siemensMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.Siemens); + }, [map, siemensMarkers, mapLayersVisibility.Siemens]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der OTDR-Marker basierend auf dem Zustand von mapLayersVisibility.OTDR + + useEffect(() => { + if (!map || !otdrMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + otdrMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + otdrMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.OTDR); + }, [map, otdrMarkers, mapLayersVisibility.OTDR]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der WDM-Marker basierend auf dem Zustand von mapLayersVisibility.WDM + + useEffect(() => { + if (!map || !wdmMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + wdmMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + wdmMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.WDM); + }, [map, wdmMarkers, mapLayersVisibility.WDM]); + + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der GMA-Marker basierend auf dem Zustand von mapLayersVisibility.GMA + + useEffect(() => { + if (!map || !gmaMarkers) return; + + const toggleLayer = (isVisible) => { + if (isVisible) { + gmaMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + gmaMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + + // Apply visibility + toggleLayer(mapLayersVisibility.GMA); + }, [map, gmaMarkers, mapLayersVisibility.GMA]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der Sonstige-Marker basierend auf dem Zustand von mapLayersVisibility.Sonstige + + useEffect(() => { + if (!map || !sonstigeMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + sonstigeMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + sonstigeMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.Sonstige); + }, [map, sonstigeMarkers, mapLayersVisibility.Sonstige]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der TALASICL-Marker basierend auf dem Zustand von mapLayersVisibility.TALASICL + + useEffect(() => { + if (!map || !talasiclMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + talasiclMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + talasiclMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.TALASICL); + }, [map, talasiclMarkers, mapLayersVisibility.TALASICL]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der DAUZ-Marker basierend auf dem Zustand von mapLayersVisibility.DAUZ + + useEffect(() => { + if (!map || !dauzMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + dauzMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + dauzMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.DAUZ); + }, [map, dauzMarkers, mapLayersVisibility.DAUZ]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der SMSFunkmodem-Marker basierend auf dem Zustand von mapLayersVisibility.SMSFunkmodem + + useEffect(() => { + if (!map || !smsfunkmodemMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + smsfunkmodemMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + smsfunkmodemMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.SMSFunkmodem); + }, [map, smsfunkmodemMarkers, mapLayersVisibility.SMSFunkmodem]); + + //------------------------------------------ */ + //------------------------------------------ */ + // Funktion zum Ein- und Ausblenden der Messstellen-Marker basierend auf dem Zustand von mapLayersVisibility.Messstellen + + useEffect(() => { + if (!map || !messstellenMarkers) return; + const toggleLayer = (isVisible) => { + if (isVisible) { + messstellenMarkers.forEach((marker) => marker.addTo(map)); // Ensure markers are added + } else { + messstellenMarkers.forEach((marker) => map.removeLayer(marker)); // Remove markers individually + } + }; + // Apply visibility + toggleLayer(mapLayersVisibility.Messstellen); + }, [map, messstellenMarkers, mapLayersVisibility.Messstellen]); + //------------------------------------------ */ return ( diff --git a/config/config.js b/config/config.js index 6357eb528..0319da2b9 100644 --- a/config/config.js +++ b/config/config.js @@ -31,17 +31,17 @@ if (typeof window !== "undefined") { user = url.searchParams.get("u") || "485"; // Ein weiterer Parameter aus der URL, Standardwert ist '487 oder 484 oder 485' // Konstruktion von URLs, die auf spezifische Ressourcen auf dem Server zeigen - mapGisStationsStaticDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStaticDistrict?idMap=${c}&idUser=${user}`; + /* mapGisStationsStaticDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStaticDistrict?idMap=${c}&idUser=${user}`; mapGisStationsStatusDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStatusDistrict?idMap=${c}&idUser=${user}`; mapGisStationsMeasurementsUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsMeasurements?idMap=${c}`; mapGisSystemStaticUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisSystemStatic?idMap=${c}&idUser=${user}`; - mapDataIconUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GetIconsStatic`; + mapDataIconUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GetIconsStatic`; */ - /* mapGisStationsStaticDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStaticDistrict`; + mapGisStationsStaticDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStaticDistrict`; mapGisStationsStatusDistrictUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsStatusDistrict`; mapGisStationsMeasurementsUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisStationsMeasurements`; mapGisSystemStaticUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisSystemStatic`; - mapDataIconUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GetIconsStatic`; */ + mapDataIconUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GetIconsStatic`; // URLs zu Offline-Daten, falls benötigt } diff --git a/pages/api/[...path].js b/pages/api/[...path].js index 299b2253b..49efc5183 100644 --- a/pages/api/[...path].js +++ b/pages/api/[...path].js @@ -2,8 +2,8 @@ import { createProxyMiddleware } from "http-proxy-middleware"; export default createProxyMiddleware({ - target: "http://10.10.0.13", // Ziel-URL des Proxys - //target: "http://192.168.10.187:3000", // Ziel-URL des Proxys + //target: "http://10.10.0.13", // Ziel-URL des Proxys + target: "http://192.168.10.187:3000", // Ziel-URL des Proxys changeOrigin: true, pathRewrite: { "^/api": "/", // Optional: Entfernt /api aus dem Pfad, wenn das Backend dies nicht erfordert