🐳 11/02 - 13:03 - Perdonami, ho dimenticato una cosa ma non è di primaria importanza: ieri durante il test ho notato che il percorso del segnale sulla mappa non viene "seguito", come sui navigatori d

index.html

@@ -106,6 +106,9 @@
                 <i data-lucide="download" class="w-5 h-5"></i>
             </button>
             
+            <button onclick="recenterMap()" class="bg-indigo-500 hover:bg-indigo-600 text-white font-semibold py-3 px-4 rounded-xl flex items-center gap-2 transition-all active:scale-95" title="Centra mappa">
+                <i data-lucide="crosshair" class="w-5 h-5"></i>
+            </button>
             <button onclick="clearData()" class="bg-gray-500 hover:bg-gray-600 text-white font-semibold py-3 px-4 rounded-xl flex items-center gap-2 transition-all active:scale-95">
                 <i data-lucide="trash-2" class="w-5 h-5"></i>
             </button>
@@ -123,6 +126,10 @@
                     <option value="20">20 m/s² (Solo forti)</option>
                 </select>
             </div>
+            <div class="flex items-center gap-2">
+                <input type="checkbox" id="follow-toggle" class="w-4 h-4 rounded border-gray-300" checked>
+                <label for="follow-toggle" class="text-xs text-gray-600">Segui posizione (come navigatore)</label>
+            </div>
             <div class="flex items-center gap-2">
                 <input type="checkbox" id="privacy-toggle" class="w-4 h-4 rounded border-gray-300" checked>
                 <label for="privacy-toggle" class="text-xs text-gray-600">Privacy: offset ±10m su export</label>
@@ -694,6 +701,11 @@
             }, 30000);
         }
 
+        let userHasMovedMap = false;
+        
+        // Traccia se l'utente ha mosso manualmente la mappa
+        map.on('dragstart', () => { userHasMovedMap = true; });
+        
         function updateUserPosition(pos) {
             if (!userMarker) {
                 userMarker = L.circleMarker([pos.lat, pos.lng], {
@@ -708,11 +720,20 @@
                 userMarker.setLatLng([pos.lat, pos.lng]);
             }
             
-            // Centra la mappa solo se è la prima volta o se l'utente lo richiede (auto-center opzionale)
-            if (pathCoordinates.length < 2) {
+            // Auto-follow: se il toggle è attivo E l'utente non ha mosso manualmente la mappa
+            const autoFollow = document.getElementById('follow-toggle')?.checked ?? true;
+            if (autoFollow && !userHasMovedMap) {
                 map.setView([pos.lat, pos.lng], 17);
             }
         }
+        
+        // Bottone per ricentrare manualmente
+        function recenterMap() {
+            if (currentPosition) {
+                map.setView([currentPosition.lat, currentPosition.lng], 17);
+                userHasMovedMap = false; // Resetta il flag
+            }
+        }
 
         function renderBumpsList() {
             const container = document.getElementById('bumps-list');