# 🧭 `setupPOIs.js` ## Zweck Zeichnet alle POI-Marker auf die Leaflet-Karte basierend auf Datenbankeinträgen. Bindet Popup, Kontextmenü, Drag'n'Drop und Redux-Zustand ein. ## Parameter | Name | Beschreibung | | ----------------- | ---------------------------------------------------- | | `map` | Leaflet-Instanz | | `pois` | Array mit POI-Objekten aus der Datenbank | | `poiData` | Array mit Iconpfaden: `{ idPoi, path }` | | `poiTypMap` | Map-Objekt: `idPoiTyp → Name` | | `poiLayerVisible` | Gibt an, ob Layer überhaupt gezeichnet werden sollen | ## Besonderheiten - Icon wird über `iconMap.get(idPoi)` bezogen - Fallback bei unbekanntem Icon (`default-icon.png`) - Rechteprüfung für Drag & Kontextmenü (`userRights.some(...)`) - Marker können bearbeitet, verschoben, gelöscht werden - Bei `mouseover` → Redux: `setSelectedPoi(poi)` ## Beispiel für Testdaten ```js const poi = { idPoi: 7, idPoiTyp: 2, position: "POINT(8.5 53.1)", description: "Mast", idLD: 123 }; const poiData = [{ idPoi: 7, path: "poi-marker-icon-2.png" }]; ```