feat: Dynamische Hostname- und Portunterstützung für API-Aufrufe implementiert

- Hostname dynamisch aus `window.location.hostname` extrahiert
- Port 3000 explizit in der URL ergänzt
- Fehler beim Parsen von JSON behoben (404-HTML-Antwort statt JSON)
- Verbesserte Fehlerprotokollierung und Debugging-Logs in `useBereicheMarkersLayer.js`
- Tooltip-Anzeige für Bereich und Standort optimiert

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