feat(map): clean stop markers and route dimming
This commit is contained in:
@ -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
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user