Fix: Nutzerstandort auf der Karte anzeigen
Behebt Gitea Issue #2 "Standort auf Karte anzeigen": der per Browser-Geolocation ermittelte oder manuell eingegebene Standort (state.userLocation) wurde bisher nur zum Zentrieren/Entfernungsfilter verwendet, aber nie selbst auf der Karte dargestellt. Neuer, nicht interaktiver "Hier bist du"-Marker (blauer Punkt mit Puls-Ring, js/map/markers.js: createUserLocationMarker()) wird direkt auf die Karte gelegt (ausserhalb der clusterGroup, damit er nie mit Ausflugsziel-Markern geclustert wird) und reagiert reaktiv auf Aenderungen von state.userLocation in js/map/mapController.js.
This commit is contained in:
@@ -148,6 +148,51 @@
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
|
||||
/* "Hier bist du"-Marker für den übermittelten/manuell eingegebenen
|
||||
Nutzerstandort (Gitea Issue #2 "Standort auf Karte anzeigen"). */
|
||||
|
||||
.eventmap-user-marker {
|
||||
background: transparent;
|
||||
border: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.eventmap-user-marker__dot {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin: -7px 0 0 -7px;
|
||||
background: #1a73e8;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 50%;
|
||||
box-shadow: var(--shadow-card);
|
||||
}
|
||||
|
||||
.eventmap-user-marker__pulse {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: -11px 0 0 -11px;
|
||||
background: rgba(26, 115, 232, 0.35);
|
||||
border-radius: 50%;
|
||||
animation: eventmap-user-marker-pulse 2s ease-out infinite;
|
||||
}
|
||||
|
||||
@keyframes eventmap-user-marker-pulse {
|
||||
0% {
|
||||
transform: scale(0.6);
|
||||
opacity: 0.8;
|
||||
}
|
||||
100% {
|
||||
transform: scale(1.8);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Karten-Popup */
|
||||
|
||||
.eventmap-popup {
|
||||
|
||||
Reference in New Issue
Block a user