33 lines
1.2 KiB
Markdown
33 lines
1.2 KiB
Markdown
<!-- /docs/utils/setupPOIs.md -->
|
|
|
|
# 🧭 `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" }];
|
|
```
|