1.2 KiB
1.2 KiB
📐 PolylineContextMenu.js
Ein einfaches benutzerdefiniertes Kontextmenü zur Interaktion mit Linien (Polylinien) auf der Karte.
Zweck
Das Menü erlaubt folgende Interaktionen:
- ➕ „Stützpunkt hinzufügen“
- ➖ „Stützpunkt entfernen“
- ❌ „Schließen“
Wird dynamisch positioniert anhand der Klickkoordinaten (position.x, position.y).
Props
| Prop | Typ | Beschreibung |
|---|---|---|
position |
{x, y} |
Position in Pixelkoordinaten (z. B. von Mausereignis) |
onAddPoint |
function |
Handler für „Stützpunkt hinzufügen“ |
onRemovePoint |
function |
Handler für „Stützpunkt entfernen“ |
onClose |
function |
Handler zum Schließen des Menüs |
Styling
- Absolut positioniertes
div - Weißer Hintergrund, schwarzer Rahmen
- Kein Tailwind – purer Inline-Style
Verwendung
Eingebettet z. B. in setupPolylines.js oder PolylineLayerManager, um rechte Mausklicks auf Linien zu behandeln.