5b2cb762cc
- `index.js` als Client-Komponente deklariert (`"use client"`) zur Vermeidung von SSR-Problemen. - `useEffect` optimiert, um unendliche API-Requests durch `isMounted`-Check zu verhindern. - `loadData()` angepasst, um API-Fehler korrekt abzufangen und erneute Ladeversuche zu vermeiden. - Doppelte Registrierung von `poiReadFromDbTriggerAtom` durch HMR verhindert. - Ungültige MySQL-Option `acquireTimeout` entfernt, um Verbindungsfehler zu beheben. Diese Änderungen verhindern unerwartete Reloads und verbessern die Stabilität der Anwendung.
66 lines
2.3 KiB
JavaScript
66 lines
2.3 KiB
JavaScript
// hooks/useSmsfunkmodemMarkersLayer.js
|
|
import { useEffect, useState } from "react";
|
|
import L from "leaflet";
|
|
import "leaflet-contextmenu";
|
|
import { addContextMenuToMarker } from "../../utils/addContextMenuToMarker";
|
|
|
|
const useSmsfunkmodemMarkersLayer = (map, oms, GisSystemStatic, priorityConfig, isVisible) => {
|
|
const [smsfunkmodemMarkers, setSmsfunkmodemMarkers] = useState([]);
|
|
|
|
useEffect(() => {
|
|
if (!map || !GisSystemStatic) return;
|
|
|
|
// Debugging: Logge die Sichtbarkeit und die übergebenen Daten
|
|
console.log("isVisible für SMS Modem:", isVisible);
|
|
console.log("Alle Stationen in GisSystemStatic:", GisSystemStatic);
|
|
|
|
// Hilfsfunktion: Normalisiert Strings
|
|
const normalizeString = (str) => str?.trim().toLowerCase() || "";
|
|
|
|
// Filter für SMS Modem (System === 111 oder Name entspricht "SMS Modem")
|
|
const markers = isVisible
|
|
? GisSystemStatic.filter((station) => station.System === 111 || normalizeString(station.Name) === "SMS Modem").map((station) => {
|
|
console.log("Gefundener SMS Modem-Marker:", station); // Debugging
|
|
const marker = L.marker([station.Latitude, station.Longitude], {
|
|
icon: L.icon({
|
|
iconUrl: "/img/icons/pois/sms-funkmodem.png",
|
|
iconSize: [25, 41],
|
|
iconAnchor: [12, 41],
|
|
popupAnchor: [1, -34],
|
|
}),
|
|
id: station.id,
|
|
areaName: station.Area_Name,
|
|
draggable: false,
|
|
}).bindPopup(`
|
|
<div>
|
|
<b class="text-xl text-black-700">${station.Area_Name || "Unbekannt"}</b><br>
|
|
${station.Description || "No Description"}<br>
|
|
</div>
|
|
`);
|
|
|
|
// Füge ein Kontextmenü hinzu
|
|
addContextMenuToMarker(marker);
|
|
return marker;
|
|
})
|
|
: [];
|
|
|
|
// Setze die Marker im Zustand
|
|
setSmsfunkmodemMarkers(markers);
|
|
|
|
// Füge Marker zur Karte hinzu
|
|
markers.forEach((marker) => {
|
|
marker.addTo(map);
|
|
oms.addMarker(marker);
|
|
});
|
|
|
|
// Cleanup: Entferne Marker bei Deaktivierung oder wenn der Hook entladen wird
|
|
return () => {
|
|
markers.forEach((marker) => marker.remove());
|
|
};
|
|
}, [map, GisSystemStatic, isVisible]);
|
|
|
|
return smsfunkmodemMarkers;
|
|
};
|
|
|
|
export default useSmsfunkmodemMarkersLayer;
|