This commit is contained in:
ISA
2025-06-24 15:07:00 +02:00
parent b6c6fad3b3
commit 4070429193
60 changed files with 87 additions and 214 deletions

View File

@@ -4,6 +4,8 @@
Zeigt ein modales Fenster mit Koordinateninformationen an, z.B. aus einem Kontextmenü heraus.
![CoordinatePopup](../../screenshots/CoordinatePopup.png)
## Features
- Darstellung eines Koordinatenwerts (`lat,lng`)

View File

@@ -2,9 +2,11 @@
# 🖱️ `contextmenu/` Kontextmenü-Komponenten
Dieses Verzeichnis enthält Komponenten und Hooks zur Anzeige und Steuerung von Kontextmenüs in der Leaflet-Kartenanwendung. Sie dienen der Interaktion mit POIs, Koordinaten und Layer-Objekten per Rechtsklick.
Dieses Verzeichnis enthält Komponenten und Hooks zur Anzeige und Steuerung von Kontextmenüs in der
Leaflet-Kartenanwendung. Sie dienen der Interaktion mit POIs, Koordinaten und Layer-Objekten per
Rechtsklick.
---
## ![useMapContextMenu](../../screenshots/useMapContextMenu.png)
## 📂 Enthaltene Dateien

View File

@@ -5,6 +5,8 @@
Initialisiert Kontextmenüeinträge für die Leaflet-Karte.
Wird typischerweise in `initializeMap()` oder `MapComponent` verwendet.
![useMapContextMenu](../../screenshots/useMapContextMenu.png)
## Kontextmenüeinträge
| Eintrag | Funktion |

View File

@@ -4,6 +4,8 @@
Ein einfaches benutzerdefiniertes Kontextmenü zur Interaktion mit Linien (Polylinien) auf der Karte.
![GIS Ployline contextmenu](../../screenshots/PolylineContextMenu.png)
## Zweck
Das Menü erlaubt folgende Interaktionen:

View File

@@ -1,3 +1,5 @@
# 📄 Übersicht: docs/components/gisPolylines
- [PolylineContextMenu](PolylineContextMenu.md)
- [PolylineContextMenu](PolylineContextMenu.md)
![GIS Polylines](../../screenshots/gisPolylines.png)

View File

@@ -4,6 +4,8 @@
Ein einfacher, grauer runder Marker als Stützpunkt in einer Polyline.
![CircleIcon](../../../screenshots/CircleIcon.png)
## Eigenschaften
- Stil: grauer Kreis mit schwarzem Rand

View File

@@ -4,6 +4,8 @@
Ein Viereck zur Markierung des Endpunkts einer Polyline.
![EndIcon](../../../screenshots/EndIcon.png)
## Eigenschaften
- Stil: graues Quadrat mit schwarzem Rand

View File

@@ -3,4 +3,6 @@
- [CircleIcon](CircleIcon.md)
- [EndIcon](EndIcon.md)
- [StartIcon](StartIcon.md)
- [SupportPointIcons](SupportPointIcons.md)
- [SupportPointIcons](SupportPointIcons.md)
![gisPolylinesIcons](../../../screenshots/gisPolylinesIcons.png)

View File

@@ -4,6 +4,8 @@
Ein SVG-Dreieck zur Markierung des Startpunkts einer Polyline.
![StartIcon](../../../screenshots/StartIcon.png)
## Eigenschaften
- Schwarzes Dreieck mit grauem Overlay (Polygon SVG)

View File

@@ -4,6 +4,8 @@
Definiert zwei Icons für interaktive Stützpunkte in einer Polyline:
![CircleIcon](../../../screenshots/CircleIcon.png)
## AddSupportPointIcon
- Grüner Kreis mit weißem Rand und Pluszeichen

View File

@@ -5,6 +5,8 @@
Ein einfaches Leaflet-Icon, das ein rundes Pluszeichen darstellt.
Wird für zusätzliche UI-Markierungen auf Geräten oder überlappenden Icons verwendet.
![PlusRoundIcon](../../../../screenshots/PlusRoundIcon.png)
## Eigenschaften
| Attribut | Wert |

View File

@@ -1,3 +1,5 @@
# 📄 Übersicht: docs/components/icons/devices/overlapping
- [PlusRoundIcon](PlusRoundIcon.md)
- [PlusRoundIcon](PlusRoundIcon.md)
![PlusRoundIcon](../../../../screenshots/PlusRoundIcon.png)

View File

@@ -5,7 +5,7 @@
Die zentrale React-Komponente zur Darstellung und Steuerung der Leaflet-Karte.
Bindet alle Marker, Layer, POIs, Linien und das Kontextmenü dynamisch ein.
---
![Overview](../../screenshots/overview1.png)
## 🎯 Zweck
@@ -41,6 +41,8 @@ Verwendet umfangreiche Redux-Slices zur Steuerung von:
- Sichtbarkeit einzelner Layergruppen
- Aktuelle Selektion (Area, Gerät, POI)
![ReduxSlices](../../screenshots/ReaduxSlices.png)
---
## 🔧 Lokale Steuerung
@@ -49,6 +51,8 @@ Verwendet umfangreiche Redux-Slices zur Steuerung von:
- Karte speichert Zoom & Center dauerhaft im Browser
- Kontextmenü-Einträge ändern sich je nach Rechten & Modus
![LocalStorage](../../screenshots/LocalStorage.png)
---
## 🧪 Besonderheiten

View File

@@ -1,3 +1,8 @@
# 📄 Übersicht: docs/components/mainComponent
- [MapComponent](MapComponent.md)
Die zentrale React-Komponente zur Darstellung und Steuerung der Leaflet-Karte.
Bindet alle Marker, Layer, POIs, Linien und das Kontextmenü dynamisch ein.
- [MapComponent](MapComponent.md)
![Overview](../../screenshots/overview1.png)

View File

@@ -5,6 +5,8 @@
Zeigt ein modales Formular an, um einen neuen POI auf der Karte zu erstellen.
Die Koordinaten (`latlng`) werden automatisch übernommen.
![POI hinzufügen Modal](../../screenshots/AddPOIModal.png)
## Funktionen
- POI-Name, Typ und zugehöriges Gerät auswählbar

View File

@@ -4,6 +4,8 @@
Ein Dialog zur Aktualisierung oder Löschung bestehender POIs.
![POI Update Modal](../../screenshots/PoiUpdateModal.png)
## Features
- Zeigt aktuellen Namen, Beschreibung, Gerät und Typ

View File

@@ -1,4 +1,6 @@
# 📄 Übersicht: docs/components/pois
- [AddPOIModal](AddPOIModal.md)
- [PoiUpdateModal](PoiUpdateModal.md)
- [PoiUpdateModal](PoiUpdateModal.md)
![POIs](../../screenshots/POIs.png)