En el post de GeoFlight Planner te conté cómo planeo mis vuelos, y en el de PhotoMesh, cómo empecé a mostrar los modelos en el navegador. PhotoMesh tenía un límite: un modelo a la vez.
¿Y si quiero ver todos mis vuelos juntos, en el lugar donde los hice?
De esa pregunta salió la galería de vuelos. Si me preguntas por qué la hice, tengo dos razones. La primera, porque se puede. La segunda, porque quería una app donde ver todo mi trabajo.
Hoy tiene ocho vuelos, cada uno con su modelo 3D sobre el mapa. Cinco son de Bogotá, entre ellos el Tintal, el mismo que mostraba PhotoMesh. Los otros tres quedan en Zipaquirá, en Cerinza (Boyacá) y en Ibagué.
¿Qué es ese modelo? Es lo que sale de la fotogrametría: una superficie en 3D armada con triángulos, con las fotos del dron pegadas encima. Ves las calles, los techos y las fachadas del sitio tal como estaban el día del vuelo.
Abres el enlace y ya
No hay nada que instalar. Tampoco una cuenta que crear.
Abres el enlace y aparece un mapa con el terreno y una marca por cada vuelo. A medida que te acercas, los modelos aparecen solos sobre las calles, apoyados en el suelo, sin que tengas que ajustar nada. ¿Quieres ir directo a uno? Lo eliges en la lista y la cámara viaja hasta allá.
Para moverte, arrastras; giras con el clic derecho y acercas con la rueda. En el teléfono, un dedo mueve la vista y dos la giran y la inclinan. Eso es todo.
El explorador en el computador: la lista de vuelos a la izquierda y el casco urbano de Cerinza, en Boyacá, sobre el mapa
¿Y desde el celular? También. Cada modelo va partido en 3D Tiles, un estándar abierto de la OGC: primero llega una versión gruesa del vuelo y el detalle se va sumando a medida que te acercas. Así lo recorres sin esperar a que baje entero.
Arriba a la derecha hay tres controles más:
- Mapa base cambia el fondo. Puedes elegir entre cuatro estilos de calles de OpenFreeMap, las imágenes de alta resolución de Esri con los nombres de las calles encima, el mosaico Sentinel-2 sin nubes de EOX (2016) y OpenTopoMap.
- Capas prende y apaga cada vuelo, los edificios 3D del mapa, los nombres de lugares y el terreno.
- Ver todos te devuelve al mapa completo.
Un enlace para cada vuelo
Cada vuelo tiene además su propio enlace. Si quiero mostrarle a alguien la plaza de Zipaquirá, le mando galeria-vuelos.vercel.app/?v=zipaquira y el mapa abre encuadrado ahí.
Y cada uno tiene también su ficha aparte, con los datos del vuelo. La pensé para compartirla y para que la encuentren los buscadores.
La ficha del vuelo de Zipaquirá, con sus datos arriba y la vista del modelo debajo
Por qué la armé así
Si te da curiosidad qué hay debajo: MapLibre GL JS dibuja el mapa, OpenFreeMap pone las calles, los Terrain Tiles públicos de AWS ponen el terreno y 3d-tiles-renderer pinta los modelos sobre three.js.
Ningún vuelo trae su propio mapa base. Todos usan servicios gratuitos que ya cubren el mundo, y casi todas las piezas son abiertas. La excepción son las imágenes de Esri: son gratuitas con atribución, pero no abiertas, y por eso están como una opción más del menú y el mapa arranca con las calles.
De cada vuelo publico solo el modelo 3D. Ni fotos sueltas ni el ortomosaico a resolución completa, porque en un barrio salen caras, placas y patios.
El repo es público. El código va con licencia Apache-2.0 y los modelos con CC BY 4.0: puedes usar cualquiera de ellos si citas mi nombre.
¿Tú también vuelas?
Entonces la galería te sirve de plantilla para mostrar tus propios levantamientos.
Para agregar un vuelo escribes un archivo JSON en content/vuelos/ con el lugar, las coordenadas y la ruta del modelo. Sin tocar código. Los scripts que pasan lo que exporta tu software de fotogrametría al formato de la web están en la carpeta tuberia/ del repo. Hoy los corro uno por uno, así que todavía piden paciencia.
Un consejo práctico, si procesas en Drone2Map o en Site Scan for ArcGIS: exporta SLPK, el paquete de escena de Esri. Llega con los niveles de detalle ya hechos y con sus coordenadas declaradas. Los ocho vuelos de la galería salieron así, y un solo script los dejó listos para la web.
Pruébalo
👉 Galería de vuelos: galeria-vuelos.vercel.app
👉 Código fuente: github.com/geoai-latam/galeria-vuelos
Si quieres empezar por uno, abre Zipaquirá y gira alrededor de la plaza.
Y si vuelas y armas tu propia galería con el repo, mejor todavía: para eso lo dejé abierto.
