8894ce4411
- Alle Hinweise in Markdown-Dateien aktualisiert: Verwendung von `.env.production` und `.env.development` statt `.env.local` - Footer-Abschnitte mit „Zurück zur Übersicht“-Link in allen relevanten `/docs/`-Dateien ergänzt - Inhaltliche Korrekturen und Ergänzungen in Architektur-, Setup-, FAQ-, und Mockdaten-Dokumentation - Inhaltsverzeichnis in `README.md` aktualisiert und funktionierende relative Links in Unterverzeichnissen sichergestellt - Ziel: bessere Lesbarkeit, Navigation und Klarheit für neue Entwickler
🧩 components/ – Übersicht über alle UI-Komponenten
Dieses Verzeichnis enthält die gesamten React-Komponenten der TALAS-Kartenanwendung.
Sie sind thematisch gegliedert in Teilbereiche für Kontextmenüs, POIs, Polylinien, Modale und die zentrale MapComponent.
📁 Strukturübersicht
components/
├── contextmenu/ # Komponenten für rechte Maustaste & Kontextaktionen
│ ├── CoordinatePopup.js
│ └── useMapContextMenu.js
├── gisPolylines/ # Polylinien (Kabelstrecken)
│ ├── PolylineContextMenu.js
│ └── icons/
│ ├── CircleIcon.js
│ ├── EndIcon.js
│ ├── StartIcon.js
│ └── SupportPointIcons.js
├── icons/devices/overlapping/ # Zusätzliche Overlap-Icons für Geräte
│ └── PlusRoundIcon.js
├── mainComponent/ # Hauptkomponenten für Karteninitialisierung
│ ├── MapComponent.js
│ └── hooks/
│ └── useInitializeMap.js
├── pois/ # POI-spezifische Modale
│ ├── AddPOIModal.js
│ └── PoiUpdateModal.js
├── uiWidgets/ # UI-Widgets
│ ├── CoordinateInput.js
│ ├── VersionInfoModal.js
│ ├── TestScript.js
│ └── mapLayersControlPanel/
│ ├── EditModeToggle.js
│ └── MapLayersControlPanel.js
🔎 Beschreibung der Hauptbereiche
contextmenu/
Rechtsklick-Menüs für Marker, POIs, Polylinien. Steuert Anzeige & Verhalten.
gisPolylines/
Komponenten für das Zeichnen, Bearbeiten und Interagieren mit Linien/Strecken.
mainComponent/
Zentrale Leaflet-Map-Logik & Initialisierung via MapComponent und useInitializeMap.
pois/
Modale für das Hinzufügen und Bearbeiten von POIs (Points of Interest).
uiWidgets/
Komponenten wie Eingabefelder für Koordinaten-Suche, Infoboxen und Control Panel für Geräte Layers .
✅ Besonderheiten
- Verwendet Tailwind CSS für Styling
- Integration mit Redux, Leaflet, OverlappingMarkerSpiderfier
- Vollständig modular & testbar aufgebaut