Karte: Follow-Mode + Live-Strecke bei Routen-Aufzeichnung (Wunsch Rene)

- MapGLMini-Polyline hatte KEIN addLatLng (nur setLatLngs) -> TypeError im
  Rec-Overlay: Strecke unsichtbar, Marker fror ein, kein Folgen. Facade
  ergaenzt (Leaflet-kompatibel).
- Rec-Overlay (routes.js): Follow-Mode default AN — Karte wandert mit dem
  Standort, Drag pausiert, Crosshair-Button (unten rechts) reaktiviert;
  erster Fix setzt Zoom 16, danach bleibt der Zoom erhalten
- Zentrale Karte (map.js): Standort-Button aktiviert Follow (+Toast),
  dragstart beendet es (beide Engines); GPS-Tracking folgt sanft (easeTo);
  Aufzeichnung startet im Follow-Mode, _updateRecMap pant nur noch im Follow
Bump v1238

backend/static/js/pages/routes.js

@@ -70,6 +70,7 @@ window.Page_routes = (() => {
 
   // Recording-Overlay state
   let _recOvl = null, _recMap = null;
+  let _recFollow = true;   // Karte folgt dem Standort bei Aufzeichnung (Drag pausiert)
   let _recActive = false;
   let _recTrack = [], _recDistKm = 0, _recStartTime = null;
   let _recTimerInt = null, _recWatchId = null;
@@ -762,6 +763,29 @@ window.Page_routes = (() => {
       _recLocMarker = UI.map.circleMarker([pos.lat, pos.lon], {
         radius: 8, color: '#fff', weight: 2.5, fillColor: '#3b82f6', fillOpacity: 1
       }).addTo(_recMap);
+      // Follow-Mode (René 2026-06-08): Karte wandert mit dem Standort. Manuelles
+      // Verschieben pausiert das Folgen; Crosshair-Button schaltet es wieder ein.
+      _recFollow = true;
+      const fwrap = ovl.querySelector('#rk-rec-map-wrap');
+      if (!fwrap.style.position) fwrap.style.position = 'relative';
+      const fb = document.createElement('button');
+      fb.id = 'rk-rec-follow';
+      fb.type = 'button';
+      fb.title = 'Karte folgt dem Standort';
+      fb.style.cssText = 'position:absolute;right:10px;bottom:10px;z-index:500;width:42px;height:42px;'
+        + 'border-radius:50%;border:none;background:var(--c-surface,#fff);'
+        + 'box-shadow:0 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;cursor:pointer';
+      fb.innerHTML = UI.icon('crosshair');
+      const updFb = () => { fb.style.color = _recFollow ? 'var(--c-primary)' : 'var(--c-text-secondary, #9ca3af)'; };
+      updFb();
+      fb.addEventListener('click', () => {
+        _recFollow = true;
+        const last = _recTrack[_recTrack.length - 1] || pos;
+        _recMap?.setView([last.lat, last.lon]);
+        updFb();
+      });
+      fwrap.appendChild(fb);
+      try { _recMap.on('dragstart', () => { _recFollow = false; updFb(); }); } catch (e) {}
     } catch {
       const mapWrap = ovl.querySelector('#rk-rec-map-wrap');
       if (mapWrap) mapWrap.innerHTML =
@@ -892,7 +916,9 @@ window.Page_routes = (() => {
       _persistRec();
       _recPolyline?.addLatLng([lat, lon]);
       _recLocMarker?.setLatLng([lat, lon]);
+      // Follow-Mode: Karte wandert mit (erster Fix setzt den Zoom, danach bleibt er)
       if (_recTrack.length === 1) _recMap?.setView([lat, lon], 16);
+      else if (_recFollow)        _recMap?.setView([lat, lon]);
       _updateRecStats();
     }, () => {}, { enableHighAccuracy: true, maximumAge: 2000 });