b847b5d2c8
- Verzeichnisstruktur unter /docs spiegelt nun die tatsächliche Projektstruktur wider - frontend/server-Trennung entfernt zugunsten von /docs/pages, /docs/redux, /docs/utils etc. - Erhöht Wiederauffindbarkeit, Übersichtlichkeit und Entwicklerfreundlichkeit
1.2 KiB
1.2 KiB
🧭 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
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" }];