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:
parent
85d578874a
commit
a31d08a2dc
7 changed files with 83 additions and 22 deletions
|
|
@ -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; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue