Geoportal web de obstáculos

Visor interactivo basado en Leaflet para la consulta de resultados
Logo de Leaflet

En la actualidad, los geoportales se han consolidado como una herramienta fundamental para el acceso y la difusión de información geoespacial, permitiendo a los usuarios consultar datos de forma rápida e intuitiva sin necesidad de disponer de conocimientos técnicos avanzados ni de software SIG especializado. Al mismo tiempo, para las organizaciones suponen un medio eficaz para compartir información espacial y documental con clientes, administraciones o socios corporativos, facilitando la toma de decisiones y la comunicación de resultados.

En este Trabajo Fin de Máster se ha optado por el desarrollo de un visor cartográfico web sencillo y ligero con el objetivo de representar los datos generados durante las tareas de vigilancia y seguimiento de obstáculos en entornos aeroportuarios afectados por servidumbres aeronáuticas. El visor permite analizar visualmente la localización de los obstáculos, su estado y sus afecciones a las Superficies Limitadoras de Obstáculos (SLO), sin necesidad de utilizar un SIG de escritorio.

Para cumplir estos objetivos, se ha seleccionado la librería Leaflet como motor cartográfico principal, debido a su baja curva de aprendizaje, su buen rendimiento con datos vectoriales y su excelente integración con el formato GeoJSON. Tanto Leaflet como GeoJSON son estándares abiertos ampliamente utilizados en el ámbito de la cartografía web, lo que garantiza la interoperabilidad y la sostenibilidad de la solución propuesta.

El visor incorpora dos capas base de referencia: un mapa callejero de OpenStreetMap y una ortofoto del Plan Nacional de Ortofotografía Aérea (PNOA) del Instituto Geográfico Nacional, consumida a través de un servicio WMS. Estas capas se agrupan como capas base y se integran en el control de capas de Leaflet, permitiendo al usuario alternar entre distintos fondos cartográficos según sus necesidades de análisis (elemento 4).

Las capas temáticas de obstáculos, generadas previamente por el plugin de QGIS, se organizan por aeropuertos y se cargan de forma dinámica a partir de ficheros GeoJSON. El visor utiliza un fichero de configuración en JavaScript que contiene la lista de aeropuertos disponibles y las rutas a los distintos conjuntos de datos, lo que permite una carga flexible y escalable de la información sin modificar el código principal del visor. Estas capas se gestionan mediante un control jerárquico que agrupa los obstáculos por aeropuerto y por estado (finalizados, condicionados, vulneran SLO o visitas), facilitando su activación y desactivación de forma ordenada (elemento 5).

Con el fin de enriquecer la experiencia de usuario y dotar al visor de mayores capacidades de análisis, se han integrado distintos complementos adicionales de Leaflet. Entre ellos se incluyen herramientas de búsqueda por identificador de obstáculo, que permiten localizar un elemento concreto y centrar automáticamente la vista sobre él (elemento 2); controles de zoom y ajuste de vista para facilitar la navegación por el mapa (elementos 3 y 7); y un modo de zoom extensión a la capa que ajusta la visualización a los objetos de la o las capas activas (elemento 1).

Asimismo, el visor incorpora herramientas básicas de dibujo y medición que permiten realizar comprobaciones rápidas de distancias o áreas directamente sobre el mapa, sin necesidad de recurrir a software adicional (elemento 6). Para mejorar la interpretación visual de la información, se emplea simbología personalizada mediante iconos y colores diferenciados en función del estado de cada obstáculo.

Adicionalmente, el visor incluye controles nativos de Leaflet y controles personalizados desarrollados mediante su API para mostrar información contextual relevante, como el sistema de referencia espacial utilizado (WGS84, EPSG:4326), una escala gráfica dinámica y las coordenadas geográficas del cursor en tiempo real, aportando precisión y claridad durante la consulta y el análisis de la información (elementos 8, 9 y 10). Los créditos cartográficos y de las fuentes de datos se muestran conforme a los requisitos de atribución correspondientes (elemento 11).

Captura de pantalla del visor web

La información asociada a cada obstáculo se presenta mediante ventanas emergentes (popups) generadas automáticamente con la función onEachFeature. Esta funcionalidad extrae los atributos de cada entidad del GeoJSON (Feature.properties) y construye un contenido HTML estructurado, mostrando un encabezado con el identificador del obstáculo y una tabla con los principales valores asociados. En aquellos casos en los que el obstáculo incluye el atributo url_pdf, se incorpora un enlace HTML que apunta al fichero PDF alojado en el servidor, permitiendo la descarga directa de la reseña correspondiente desde el propio visor cartográfico.

Ejemplo de ventana emergente (popup) con información de un obstáculo
Abrir visor Leaflet