diff --git a/components/MapComponent.js b/components/MapComponent.js index 9106327bd..8d92a88d5 100644 --- a/components/MapComponent.js +++ b/components/MapComponent.js @@ -7,18 +7,16 @@ import "leaflet-contextmenu"; import * as config from "../config/config.js"; import dynamic from "next/dynamic"; import "leaflet.smooth_marker_bouncing"; -//import { OverlappingMarkerSpiderfier } from "../lib/OverlappingMarkerSpiderfier.js"; -//import { OverlappingMarkerSpiderfier } from "../public/js/OverlappingMarkerSpiderfier.js"; import OverlappingMarkerSpiderfier from "overlapping-marker-spiderfier-leaflet"; import DataSheet from "../components/DataSheet"; +import { useRecoilState } from 'recoil'; +import { gisStationsStaticDistrictState } from '../features/gisStationState'; const MapComponent = ({ locations, onLocationUpdate }) => { const mapRef = useRef(null); // Referenz auf das DIV-Element der Karte const [map, setMap] = useState(null); // Zustand der Karteninstanz const [online, setOnline] = useState(navigator.onLine); // Zustand der Internetverbindung - const [GisStationsStaticDistrict, setGisStationsStaticDistrict] = useState( - [] - ); // Zustand für statische Daten + const [GisStationsStaticDistrict, setGisStationsStaticDistrict] = useRecoilState(gisStationsStaticDistrictState); const [GisStationsStatusDistrict, setGisStationsStatusDistrict] = useState( [] ); // Zustand für Statusdaten @@ -560,11 +558,11 @@ const MapComponent = ({ locations, onLocationUpdate }) => { // Alte Marker entfernen, indem alle Marker, die durch OMS verwaltet werden, gelöscht werden oms.clearMarkers(); - /* map.eachLayer((layer) => { + map.eachLayer((layer) => { if (layer instanceof L.Marker) { map.removeLayer(layer); } - }); */ + }); // Neue Marker für jede Station hinzufügen GisStationsStaticDistrict.forEach((station) => { @@ -638,6 +636,28 @@ const MapComponent = ({ locations, onLocationUpdate }) => { }); marker.bounce(3); } + // Prüfen, ob der Name der Station "GMA Littwin (TEST)" entspricht + if (station.LD_Name === "GMA Littwin (TEST)") { + marker.bindTooltip( + `