- Ursache des Problems: Inkonsistenz bei der Benennung des Layers in `useLayerVisibility` ("SMSFunkmodem" vs. "SMSModem").
- Anpassung des Layer-Namens in `useLayerVisibility`, um mit der `GisSystemStatic`-Datenstruktur und `mapLayersVisibility` übereinzustimmen.
- Konflikt führte dazu, dass der SMS Modem-Layer nicht korrekt sichtbar/unsichtbar geschaltet wurde.
- Debugging und Anpassungen führten zur erfolgreichen Behebung des Fehlers.
Dieser Fix stellt sicher, dass die Sichtbarkeit der Marker-Layer konsistent und wie erwartet funktioniert.
51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
/* // hooks/useLteModemMarkersLayer.js das ist GSM Modem
|
|
import { useEffect, useState } from "react";
|
|
import L from "leaflet";
|
|
import { createAndSetDevices } from "../../utils/createAndSetDevices";
|
|
import { addContextMenuToMarker } from "../../utils/addContextMenuToMarker";
|
|
import { checkOverlappingMarkers } from "../../utils/mapUtils";
|
|
|
|
const useLteModemMarkersLayer = (map, oms, GisSystemStatic, priorityConfig) => {
|
|
const [lteModemMarkers, setLteModemMarkers] = useState([]);
|
|
|
|
useEffect(() => {
|
|
if (GisSystemStatic && GisSystemStatic.length && map) {
|
|
createAndSetDevices(10, setLteModemMarkers, GisSystemStatic, priorityConfig); // LTE Modems
|
|
}
|
|
}, [GisSystemStatic, map, priorityConfig]);
|
|
|
|
useEffect(() => {
|
|
if (map && lteModemMarkers.length) {
|
|
lteModemMarkers.forEach((marker) => {
|
|
marker.addTo(map);
|
|
oms.addMarker(marker);
|
|
|
|
// Popup on mouseover and mouseout
|
|
marker.on("mouseover", function () {
|
|
this.openPopup();
|
|
});
|
|
marker.on("mouseout", function () {
|
|
this.closePopup();
|
|
});
|
|
|
|
addContextMenuToMarker(marker);
|
|
});
|
|
|
|
// Disable map context menu
|
|
map.options.contextmenu = false;
|
|
map.options.contextmenuItems = [];
|
|
|
|
oms.map.options.contextmenu = false;
|
|
oms.map.options.contextmenuItems = [];
|
|
|
|
// Call the function to check for overlapping markers
|
|
checkOverlappingMarkers(oms, map);
|
|
}
|
|
}, [map, lteModemMarkers]);
|
|
|
|
return lteModemMarkers;
|
|
};
|
|
|
|
export default useLteModemMarkersLayer;
|
|
*/
|