docs
This commit is contained in:
@@ -13,11 +13,11 @@ Zeigt ein modales Fenster mit Koordinateninformationen an, z. B. aus einem Kon
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Typ | Beschreibung |
|
||||
|-------------|-----------|------------------------------------|
|
||||
| `isOpen` | `boolean` | Steuert Sichtbarkeit des Modals |
|
||||
| `coordinates` | `string` | Zu zeigende Koordinaten (z. B. `"53.2,8.1"`) |
|
||||
| `onClose` | `function` | Wird bei Klick auf „Schließen“ ausgelöst |
|
||||
| Name | Typ | Beschreibung |
|
||||
| ------------- | ---------- | -------------------------------------------- |
|
||||
| `isOpen` | `boolean` | Steuert Sichtbarkeit des Modals |
|
||||
| `coordinates` | `string` | Zu zeigende Koordinaten (z. B. `"53.2,8.1"`) |
|
||||
| `onClose` | `function` | Wird bei Klick auf „Schließen“ ausgelöst |
|
||||
|
||||
## Design
|
||||
|
||||
@@ -29,3 +29,4 @@ Zeigt ein modales Fenster mit Koordinateninformationen an, z. B. aus einem Kon
|
||||
- Nutzt `navigator.clipboard.writeText` oder Fallback mit `document.execCommand("copy")`
|
||||
- Stoppt Event-Bubbling, um Klick außerhalb zu erkennen
|
||||
|
||||
🔙 [Zurück zur Übersicht](./README.md)
|
||||
|
||||
43
docs/components/contextmenu/README.md
Normal file
43
docs/components/contextmenu/README.md
Normal file
@@ -0,0 +1,43 @@
|
||||
<!-- /docs/components/contextmenu/README.md -->
|
||||
|
||||
# 🖱️ `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.
|
||||
|
||||
---
|
||||
|
||||
## 📂 Enthaltene Dateien
|
||||
|
||||
| Datei | Beschreibung |
|
||||
| ------------------------------------------------ | ---------------------------------------------------------------------- |
|
||||
| [`CoordinatePopup.js`](./CoordinatePopup.md) | Zeigt ein kleines Kontextfenster mit Koordinaten und Copy-Funktion |
|
||||
| [`useMapContextMenu.js`](./useMapContextMenu.md) | Hook zur Initialisierung und Verwaltung des Kontextmenüs auf der Karte |
|
||||
|
||||
---
|
||||
|
||||
## 🔄 Verwendung
|
||||
|
||||
Diese Komponenten sind typischerweise eingebunden in:
|
||||
|
||||
- [`MapComponent.js`](../mainComponent/MapComponent.md)
|
||||
- [`PolylineContextMenu.js`](../gisPolylines/PolylineContextMenu.md)
|
||||
- Marker- und Linienfunktionen aus `setupDevices`, `setupPolylines`
|
||||
|
||||
---
|
||||
|
||||
## 🎯 Ziel
|
||||
|
||||
Ermöglicht einfache Benutzerinteraktion mit:
|
||||
|
||||
- Geräten
|
||||
- Koordinaten
|
||||
- POIs
|
||||
- Streckenabschnitten
|
||||
|
||||
---
|
||||
|
||||
## 📚 Weitere Dokumentation
|
||||
|
||||
Alle Markdown-Dateien für Komponenten befinden sich im `/docs/components/contextmenu/` Verzeichnis.
|
||||
|
||||
🔙 [Zurück zu `components`](../README.md)
|
||||
@@ -7,8 +7,8 @@ Wird typischerweise in `initializeMap()` oder `MapComponent` verwendet.
|
||||
|
||||
## Kontextmenüeinträge
|
||||
|
||||
| Eintrag | Funktion |
|
||||
|---------------------|------------------------------------------------|
|
||||
| Eintrag | Funktion |
|
||||
| -------------------- | ----------------------------------------------- |
|
||||
| Koordinaten anzeigen | Öffnet `CoordinatePopup` mit aktueller Position |
|
||||
| Reinzoomen | Zoomt 3 Stufen näher an das Zentrum heran |
|
||||
| Rauszoomen | Zoomt 3 Stufen heraus |
|
||||
@@ -18,15 +18,7 @@ Wird typischerweise in `initializeMap()` oder `MapComponent` verwendet.
|
||||
## Parameter
|
||||
|
||||
```js
|
||||
addItemsToMapContextMenu(
|
||||
map,
|
||||
menuItemAdded,
|
||||
setMenuItemAdded,
|
||||
setShowCoordinatesModal,
|
||||
setShowPoiModal,
|
||||
setPopupCoordinates,
|
||||
openPopupWithCoordinates
|
||||
)
|
||||
addItemsToMapContextMenu(map, menuItemAdded, setMenuItemAdded, setShowCoordinatesModal, setShowPoiModal, setPopupCoordinates, openPopupWithCoordinates);
|
||||
```
|
||||
|
||||
## Besonderheiten
|
||||
@@ -34,3 +26,5 @@ addItemsToMapContextMenu(
|
||||
- Prüft auf `localStorage.editMode` für POI-Eintrag
|
||||
- FlyTo-Animationen für Zoom-Vorgänge mit dynamischer Dauer
|
||||
- Modularer Aufbau: `openPopupWithCoordinates` wird extern übergeben
|
||||
|
||||
🔙 [Zurück zu contextmenu ](./README.md)
|
||||
|
||||
Reference in New Issue
Block a user