Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct Routes API service usage and fix bus stops missing markers

Browse Source
This commit is contained in:
Johan Samudio
2026-02-27 22:34:08 -05:00
parent d73926cd77
commit 8e75f24b1e
4 changed files with 45 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/src/views/MapView.vue
View File

@ -406,41 +406,44 @@ function clearMapMarkers() {
}
async function updateMapMarkers() {
if (!isLoaded.value || !map.value) return;
if (!isLoaded.value || !map.value || isUpdatingMarkers.value) return;
isUpdatingMarkers.value = true;
const currentRequestRouteId = routeStore.selectedRouteId;
const stops = [...routeStore.selectedRouteStops];
if (!currentRequestRouteId || stops.length === 0) {
clearMapMarkers();
return;
}
const selectedRouteObj = routeStore.allRoutes.find(r => r.id === currentRequestRouteId) || { id: currentRequestRouteId, short_name: currentRequestRouteId };
// Llamar al procesador de flujo principal, lo cual limpia el mapa y centra.
await procesarSeleccionDeRuta(selectedRouteObj, stops as BusStop[], map.value);
// ⛔ ABORTAR SI EL USUARIO LIMPIÓ EL MAPA MIENTRAS DIBUJÁBAMOS
if (routeStore.selectedRouteId !== currentRequestRouteId) {
console.log('Abortando dibujado de paradas (la ruta fue limpiada o cambiada)');
return;
}
try {
if (!currentRequestRouteId || stops.length === 0) {
clearMapMarkers();
return;
}
const selectedRouteObj = routeStore.allRoutes.find(r => r.id === currentRequestRouteId) || { id: currentRequestRouteId, short_name: currentRequestRouteId };
// Llamar al procesador de flujo principal, lo cual limpia el mapa y centra.
await procesarSeleccionDeRuta(selectedRouteObj, stops as BusStop[], map.value);
// ⛔ ABORTAR SI EL USUARIO LIMPIÓ EL MAPA MIENTRAS DIBUJÁBAMOS
if (routeStore.selectedRouteId !== currentRequestRouteId) {
console.log('Abortando dibujado de paradas (la ruta fue limpiada o cambiada)');
return;
}
// Agregar todos los stops como marcadores 'normales' para que se vean en el mapa
const { paradaCercana } = useParadaCercana();
stops.forEach(stop => {
// Evitar sobre dibujar si es la cercana (useFlujoPrincipal ya se encargó)
if (paradaCercana.value && stop.id === paradaCercana.value.id) return;
addCleanMarker(
{ lat: stop.latitude, lng: stop.longitude },
stop.name,
'normal',
() => handleBusStopClick(stop)
);
});
// Agregar todos los stops como marcadores 'normales' para que se vean en el mapa
stops.forEach(stop => {
// Evitar sobre dibujar si es la cercana (useFlujoPrincipal ya se encargó)
if (paradaCercana.value && stop.id === paradaCercana.value.id) return;
addCleanMarker(
{ lat: stop.latitude, lng: stop.longitude },
stop.name,
'normal',
() => handleBusStopClick(stop)
);
});
} finally {
isUpdatingMarkers.value = false;
}
}
function updateMarkersStyles() {
@ -679,8 +682,9 @@ async function calculateWalkingPath(origin: { lat: number, lng: number }, target
// 2. Trazar línea de puntos verde siguiendo RED VIAL PRINCIPAL
try {
const { Route } = await google.maps.importLibrary("routes") as any;
const response = await Route.computeRoutes({
const { RoutesService } = await google.maps.importLibrary("routes") as any;
const routeService = new RoutesService();
const response = await routeService.computeRoutes({
origin: {
location: {
latLng: { latitude: origin.lat, longitude: origin.lng }