perf: optimization for maps & network

frontend/src/views/AdminRoutes.vue

@@ -14,7 +14,7 @@
             <div id="route-map" class="route-map"></div>
             <div class="map-hint">
                 <span class="material-icons">info</span>
-                Haz clic en el mapa para crear una nueva parada o en una existente para añadirla a la ruta.
+                Haz clic en el mapa para crear una nueva parada en las coordenadas seleccionadas. Puedes añadir paradas registradas desde la lista a la derecha.
             </div>
         </div>
 
@@ -199,7 +199,7 @@ const isFormValid = computed(() => {
 })
 
 // Map integration
-const { initMap, addNumberedMarker, addMarker, addPolyline, clearAllOverlays, isLoaded: mapsLoaded, map: gmap } = useGoogleMaps()
+const { initMap, addNumberedMarker, addRoutePolyline, clearAllOverlays, isLoaded: mapsLoaded, map: gmap } = useGoogleMaps()
 
 onMounted(async () => {
     await loadInitialData()
@@ -289,13 +289,13 @@ async function initRouteMap() {
     updateMapOverlays()
 }
 
-function updateMapOverlays() {
+async function updateMapOverlays() {
     clearAllOverlays()
     
-    // 1. Draw Polyline
+    // 1. Draw Polyline (Real Route tracing)
     if (routeStops.value.length > 1) {
         const path = routeStops.value.map(s => ({ lat: s.latitude, lng: s.longitude }))
-        addPolyline(path)
+        await addRoutePolyline(path)
     }
 
     // 2. Add Route Markers (Yellow Numbered)
@@ -307,7 +307,8 @@ function updateMapOverlays() {
         )
     })
 
-    // 3. Add Available Markers (Small Gray Dots)
+    // 3. Add Available Markers (Small Gray Dots) - Oculto por petición del usuario
+    /*
     availableStops.value.forEach(stop => {
         const marker = addMarker(
             { lat: stop.latitude, lng: stop.longitude },
@@ -329,6 +330,7 @@ function updateMapOverlays() {
             })
         }
     })
+    */
 }
 
 // Actions