feat(map): clean stop markers and route dimming

This commit is contained in:
2026-02-26 22:05:55 -05:00
parent 1f0229461b
commit c9a260ab23
7 changed files with 535 additions and 363 deletions

View File

@ -27,7 +27,7 @@ export function useDirectionsRoute() {
// Función utilitaria para pausar ejecución
const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
const trazarRuta = async (paradas: Parada[], map: google.maps.Map) => {
const trazarRuta = async (paradas: Parada[], map: google.maps.Map, isPast: boolean = false) => {
if (!paradas || paradas.length < 2) {
errorRuta.value = 'Se requieren al menos 2 paradas para trazar una ruta.';
return;
@ -75,10 +75,14 @@ export function useDirectionsRoute() {
map: map,
suppressMarkers: true, // SIBU maneja los suyos propios
preserveViewport: true, // No auto centrar en cada tramo para evitar parpadeos visuales
polylineOptions: {
strokeColor: '#1E40AF', // Azul (Tailwind blue-800)
polylineOptions: isPast ? {
strokeColor: '#9CA3AF', // Gris Tailwind 400
strokeWeight: 3,
strokeOpacity: 0.4
} : {
strokeColor: '#1D4ED8', // Azul Tailwind 700
strokeWeight: 5,
strokeOpacity: 0.8
strokeOpacity: 0.95
}
});