Feature: Standort per Klick auf der Karte auswaehlen

Neuer Toolbar-Button "Standort auf Karte waehlen" ergaenzt die
bestehenden Wege (Browser-Geolocation, manuelle Eingabe): aktiviert
einen Auswahlmodus (Crosshair-Cursor, Hinweisleiste mit
Abbrechen-Option), der naechste Klick auf die Karte setzt
state.userLocation auf die geklickten Koordinaten. Escape oder der
Abbrechen-Button beenden den Modus ohne Aenderung.

js/map/mapController.js: startLocationPicking()/stopLocationPicking()/
isPickingLocation() kapseln den einmaligen Klick-Listener und dessen
Aufraeumen. Wiederverwendet den bereits vorhandenen
"Hier bist du"-Marker (aus dem vorherigen Fix) fuer die Anzeige.
This commit is contained in:
2026-07-24 12:55:04 +02:00
parent c7e3246b44
commit 2d41bce063
5 changed files with 157 additions and 1 deletions
+5
View File
@@ -60,6 +60,11 @@
align-items: center;
}
.btn--active {
background: var(--color-primary);
color: #fff;
}
.btn--danger {
background: var(--color-danger);
color: #fff;
+35
View File
@@ -51,6 +51,41 @@
background: var(--color-border);
}
.map-panel__map--picking {
cursor: crosshair;
}
.map-picking-hint {
position: absolute;
top: calc(var(--space-sm) + 40px);
left: var(--space-sm);
z-index: 1000;
display: flex;
align-items: center;
gap: var(--space-sm);
background: var(--color-surface);
color: var(--color-primary-dark);
padding: var(--space-sm) var(--space-md);
border-radius: var(--radius-sm);
box-shadow: var(--shadow-card);
font-size: 0.85rem;
}
.map-picking-hint[hidden] {
display: none;
}
.map-picking-hint__cancel {
flex-shrink: 0;
border: none;
background: transparent;
color: var(--color-primary-dark);
font-weight: 600;
text-decoration: underline;
cursor: pointer;
padding: 0;
}
.list-panel {
padding: var(--space-md);
overflow-y: auto;