Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mit checkOverlappingMarkers, aber zeigt doppelte icons

Browse Source
This commit is contained in:
ISA
2024-11-27 15:23:43 +01:00
parent 0bca68153c
commit 867322e2b7
1 changed files with 23 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
components/MapComponent.js
View File

@@ -444,18 +444,11 @@ await fetchGisStationsStatusDistrict(mapGisStationsStatusDistrictUrl, setGisStat
} }
} }
}, [map, zoomTrigger]); }, [map, zoomTrigger]);
//--------------------------------------------
useEffect(() => { useEffect(() => {
if (!map) return; if (map) {
// Sammle alle Marker in einer einzigen Liste
// Entferne alle vorhandenen Marker
if (poiLayerRef.current) {
poiLayerRef.current.clearLayers();
} else {
poiLayerRef.current = new L.LayerGroup().addTo(map);
}
//--------------------------------------------
// Füge Marker zu OMS hinzu
const allMarkers = [ const allMarkers = [
...talasMarkers, ...talasMarkers,
...eciMarkers, ...eciMarkers,
@@ -474,13 +467,11 @@ await fetchGisStationsStatusDistrict(mapGisStationsStatusDistrictUrl, setGisStat
...ulafMarkers, ...ulafMarkers,
]; ];
allMarkers.forEach((marker) => { // Überprüfe überlappende Marker und füge das "Plus"-Icon hinzu
if (!poiLayerRef.current.hasLayer(marker)) { checkOverlappingMarkers(map, allMarkers, plusRoundIcon);
poiLayerRef.current.addLayer(marker); // Füge Marker zur LayerGroup hinzu
} }
oms.addMarker(marker); // Füge Marker zu OMS hinzu }, [map, talasMarkers, eciMarkers, gsmModemMarkers, ciscoRouterMarkers, wagoMarkers, siemensMarkers, otdrMarkers, wdmMarkers, gmaMarkers, messstellenMarkers, talasiclMarkers, dauzMarkers, smsfunkmodemMarkers, sonstigeMarkers, ulafMarkers]);
});
}, [map, talasMarkers, eciMarkers, ciscoRouterMarkers, wagoMarkers, siemensMarkers, otdrMarkers, wdmMarkers, gmaMarkers, messstellenMarkers, talasiclMarkers, dauzMarkers, smsfunkmodemMarkers, sonstigeMarkers, ulafMarkers]);
//-------------------------------------------- //--------------------------------------------
useEffect(() => { useEffect(() => {
const fetchData = async () => { const fetchData = async () => {