Karte: Blickrichtungs-Kegel (Kompass) + ruhigeres Folgen (Rene: 'weiss nicht wo es ist/hinschaut')

- Standort-Punkt zeigt jetzt einen Kompass-KEGEL (wie Google Maps): CSS-Kegel
  im loc-icon (GL + Leaflet), deviceorientation mit webkitCompassHeading (iOS)
  bzw. 360-alpha (Android), Glaettung ueber kuerzesten Winkelweg, rAF-throttled.
  iOS-Permission via User-Geste (Follow-/Standort-Button startet den Kompass).
- Follow pant nur noch bei brauchbarem Fix (accuracy < 75m) — ungenaue
  Positionen liessen die Karte zappeln; GPS-Fixes frischer (maximumAge 2s
  statt 5s). Marker aktualisiert weiterhin jeden Fix.
Bump v1249
This commit is contained in:
rene 2026-06-06 20:30:22 +02:00
parent 85d578874a
commit a31d08a2dc
7 changed files with 83 additions and 22 deletions

View file

@ -3625,6 +3625,25 @@ html.modal-open {
top: 0; left: 0;
animation: loc-pulse 2s ease-out infinite;
}
/* Blickrichtungs-Kegel (Kompass): JS rotiert .loc-heading um die Marker-Mitte;
sichtbar erst mit Kompass-Daten (René 2026-06-06: weiß nicht, wo es hinschaut"). */
.loc-heading {
position: absolute;
left: 12px; top: 12px; /* Mitte des 24×24-Icons = Rotationsachse */
width: 0; height: 0;
display: none;
pointer-events: none;
}
.loc-heading::before {
content: '';
position: absolute;
left: -11px;
top: -28px; /* Kegel ragt von der Mitte nach oben */
width: 22px;
height: 24px;
background: linear-gradient(to top, rgba(59,130,246,0.55), rgba(59,130,246,0.05));
clip-path: polygon(50% 100%, 0 0, 100% 0); /* Spitze unten (Mitte), öffnet nach oben */
}
@keyframes loc-pulse {
0% { transform: scale(0.8); opacity: 1; }
100% { transform: scale(2.2); opacity: 0; }