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) {