Versión 1.4.0 - App Volotea (Angular + Ionic)

Vídeo demostrativo

Cambios principales incluidos

• Nuevo sistema de pines personalizados en el mapa.
• Posibilidad de añadir nuevos pines desde un buscador específico de aeropuertos.
• Posibilidad de añadir un pin directamente desde un aeropuerto externo seleccionado en el mapa mediante el botón Add as pin.
• Listado de pines guardados dentro del panel lateral.
• Selección de un pin guardado para centrar el mapa y destacarlo visualmente.
• Eliminación de pines mediante gesto tipo swipe hacia la izquierda, con confirmación antes del borrado.
• Nuevo diseño visual para los marcadores de pines y aeropuertos externos.
• Nuevo sistema de agrupación numérica de aeropuertos por país para evitar la saturación visual de marcadores en el mapa.
• Actualización de la experiencia del panel lateral para mantener visibles las secciones de Pins y Saved places.

Nuevo buscador de aeropuertos

• El buscador principal ahora combina resultados de los aeropuertos del JSON remoto de Volotea con aeropuertos externos procedentes de una base local.
• Los aeropuertos de Volotea mantienen el comportamiento anterior: al seleccionarlos se muestran sus rutas oficiales en el mapa.
• Los aeropuertos externos se muestran con un icono diferenciado de avión.
• Los resultados se agrupan por país, mezclando en el mismo bloque los aeropuertos Volotea y los aeropuertos externos.
• En el contador del país se diferencian los resultados por tipo, por ejemplo: 3 cities / 2 airports.
• Al seleccionar un aeropuerto externo, el mapa se centra sobre él y aparece la opción Add as pin.
• Desde esa opción se puede añadir directamente el aeropuerto como pin personalizado.

Origen de datos de aeropuertos externos

• Inicialmente se valoró utilizar Google Places/Google Maps para la búsqueda de aeropuertos externos.
• Durante las pruebas se detectó que Google no siempre devolvía los datos de forma suficientemente homogénea para esta funcionalidad.
• En algunos resultados no venía correctamente el código IATA, el nombre podía variar y no siempre era sencillo distinguir si un aeropuerto ya existía en los datos de Volotea.
• Para evitar estos problemas, finalmente se ha optado por utilizar una base local de aeropuertos generada a partir de OurAirports, una fuente que ofrece ficheros descargables con datos de aeropuertos.
• A partir de ese fichero se ha generado un JSON local con los aeropuertos de Europa necesarios para la aplicación.
• Esta solución permite disponer de datos más consistentes para la app, incluyendo nombre, código IATA, código ICAO, país, municipio y coordenadas.
• De esta forma se evita depender de búsquedas dinámicas de Google para esta funcionalidad concreta y se mejora la fiabilidad del filtrado y de la exclusión de aeropuertos ya existentes en Volotea.

Base local de aeropuertos

• Se ha incorporado un archivo local de aeropuertos basado en datos de OurAirports.
• La búsqueda externa ya no depende de Google Places para encontrar aeropuertos.
• La base local incluye datos como nombre, código IATA, código ICAO, país, municipio y coordenadas.
• Se excluyen de los resultados externos los aeropuertos que ya aparecen como aeropuertos activos con rutas Volotea.
• El uso de un JSON local permite una búsqueda más estable y controlada dentro de la propia aplicación.

Sistema de pines

• Los pines se guardan actualmente de forma local en el dispositivo.
• Cada pin incluye nombre, código IATA, coordenadas, país, identificador y fechas de creación/modificación.
• Los pines se pueden añadir desde el buscador específico de pines.
• Los pines también se pueden añadir desde un aeropuerto externo seleccionado en el mapa mediante el botón Add as pin.
• Los pines se pueden eliminar desde el listado mediante swipe y confirmación.
• Al hacer clic en un pin guardado, el mapa se centra sobre él y el marcador se muestra destacado.
• Al seleccionar una ruta o un aeropuerto Volotea, se desactiva cualquier pin previamente seleccionado para evitar solapamientos visuales.

Mejora de visualización de aeropuertos en el mapa

• Se ha modificado la visualización inicial de aeropuertos para evitar la saturación de marcadores en el mapa.
• En lugar de mostrar todos los aeropuertos directamente desde el inicio, ahora se muestran agrupaciones numéricas por país.
• Al seleccionar una agrupación, se despliega la vista de aeropuertos correspondiente a ese país.
• Esta mejora permite que el mapa sea más limpio, legible y fácil de usar, especialmente en la vista general de Europa.
• Cuando se hace zoom out y se sale del rango de visualización de aeropuertos, el sistema vuelve automáticamente a mostrar los marcadores numéricos agrupados.

Comportamiento actual del mapa

• En la vista general, los aeropuertos se muestran agrupados mediante marcadores numéricos por país para mejorar la legibilidad.
• Al hacer clic en un marcador numérico, se centra el país y se muestran sus aeropuertos activos.
• Al hacer clic en un aeropuerto Volotea, se siguen mostrando sus rutas oficiales como antes.
• El panel mantiene el buscador superior y permite volver mediante Go back.
• Las secciones inferiores de Pins y Saved places permanecen disponibles.
• Al seleccionar un aeropuerto externo, se muestra un marcador específico con botón para añadirlo como pin.
• Al seleccionar un pin, se centra el mapa y se destaca el marcador correspondiente.

Tecnología utilizada

• Angular
• Ionic Framework
• Capacitor / Android
• Google Maps
• JSON remoto Volotea
• Base local de aeropuertos generada a partir de OurAirports
• LocalStorage para persistencia temporal de pines

Ejecutable