diff --git a/components/MapComponent.js b/components/MapComponent.js index 494101756..ef6719f56 100644 --- a/components/MapComponent.js +++ b/components/MapComponent.js @@ -797,13 +797,12 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { //--------------------------------------- // Initialisiere Leaflet-Karte // Rufe useBereicheMarkersLayer direkt auf - const [bereichUrl, setBereichUrl] = useState(null); - - useEffect(() => { - const urlParams = new URLSearchParams(window.location.search); // URL-Parameter parsen - const mValue = urlParams.get("m"); // Wert von "m" holen - setBereichUrl(`/api/talas_v5_DB/bereich/readBereich?m=${mValue || 12}`); // Fallback auf 12, falls "m" nicht definiert ist - }, []); + //const [bereichUrl, setBereichUrl] = useState(null); + const urlParams = new URLSearchParams(window.location.search); // URL-Parameter parsen + const mValue = urlParams.get("m"); // Wert von "m" holen + const hostname = window.location.hostname; // Dynamischer Hostname + const port = 3000; // Definiere den gewünschten Port + const bereichUrl = `http://${hostname}:${port}/api/talas_v5_DB/bereich/readBereich?m=${mValue}`; // Dynamischer Hostname und Port // Bereichs-Marker basierend auf dynamischer URL laden const bereicheMarkers = useBereicheMarkersLayer(map, oms, bereichUrl); diff --git a/hooks/layers/useBereicheMarkersLayer.js b/hooks/layers/useBereicheMarkersLayer.js index aa0ef624e..c724081fd 100644 --- a/hooks/layers/useBereicheMarkersLayer.js +++ b/hooks/layers/useBereicheMarkersLayer.js @@ -48,7 +48,12 @@ const useBereicheMarkersLayer = (map, oms, apiUrl) => { const fetchBereiche = async () => { try { const response = await fetch(apiUrl); - const data = await response.json(); + const text = await response.text(); // Hole die vollständige Antwort als Text + console.log("Antwort als Text:", text); // Überprüfe den tatsächlichen Inhalt der Antwort + const data = JSON.parse(text); // Versuche, die Antwort zu parsen, falls sie korrektes JSON ist + + console.log("API-URL:", apiUrl); + console.log("Response-Status:", response.status); const markers = data.map((item) => { const marker = L.marker([item.x, item.y], { icon: customIcon }); @@ -103,7 +108,7 @@ const useBereicheMarkersLayer = (map, oms, apiUrl) => { clearInterval(intervalId); }; }, [map, bereicheMarkers, oms]); - + /* useEffect(() => { const fetchBereiche = async () => { try { @@ -119,8 +124,8 @@ const useBereicheMarkersLayer = (map, oms, apiUrl) => { // Tooltip marker.bindTooltip( ` - locatin_name: ${item.location_name}
- area_name: ${item.area_name}
+ Bereich: ${item.location_name}
+ Standort: ${item.area_name}
`, { permanent: false, @@ -150,7 +155,7 @@ const useBereicheMarkersLayer = (map, oms, apiUrl) => { }; fetchBereiche(); - }, [apiUrl]); + }, [apiUrl]); */ useEffect(() => { if (map) { diff --git a/pages/api/talas_v5_DB/bereich/readBereich.js b/pages/api/talas_v5_DB/bereich/readBereich.js index 1861d8acf..b2ee9199d 100644 --- a/pages/api/talas_v5_DB/bereich/readBereich.js +++ b/pages/api/talas_v5_DB/bereich/readBereich.js @@ -1,3 +1,4 @@ +// /pages/api/talas_v5_DB/bereich/readBereich.js import getPool from "../../../../utils/mysqlPool"; // Singleton-Pool importieren export default async function handler(req, res) { diff --git a/pages/api/talas_v5_DB/bereich/updateBereich.js b/pages/api/talas_v5_DB/bereich/updateBereich.js index a8453294f..7e419eb6d 100644 --- a/pages/api/talas_v5_DB/bereich/updateBereich.js +++ b/pages/api/talas_v5_DB/bereich/updateBereich.js @@ -1,3 +1,4 @@ +// /pages/api/talas_v5_DB/bereich/updateBereich.js import getPool from "../../../utils/mysqlPool"; // Singleton-Pool importieren export default async function handler(req, res) {