- 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
31 lines
1.2 KiB
Markdown
31 lines
1.2 KiB
Markdown
# 🧭 `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" }];
|
|
```
|