Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
1a37aa7a3a31a63ce844cd0a1ee83576f41f05ce
nodeMap/docs/frontend/utils/setupPOIs.md
ISA 1a37aa7a3a fix: POI-Icons erscheinen nun korrekt je nach Typ 
- Fehler behoben: Alle POIs zeigten immer dasselbe Icon (z. B. poi-marker-icon-4.png)
- Ursache: In setupPOIs.js wurde iconPath fälschlich anhand von idPoiTyp gesucht, obwohl nur idPoi verfügbar war
- Lösung: Icon-Zuordnung erfolgt jetzt über Mapping idPoi → path (Map)
- Kein Backend-Änderung nötig
- Standard-Icon wird verwendet, wenn kein Eintrag im Mapping vorhanden ist

# Version: 1.1.166
2025-05-26 08:45:28 +02:00

1.2 KiB
Raw Blame History

🧭 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" }];