Caso de estudio
Alertas Marinas · Monitor Oceanográfico
Herramienta de visualización oceanográfica interactiva desarrollada para consultar datos meteorológicos marinos y generar alertas ante condiciones marítimas adversas.
- React
- TypeScript
- MapLibre GL
- Vite
- Open-Meteo
01
Resumen
La plataforma renderiza capas cartográficas vectoriales dinámicas con mapas de calor de temperatura superficial y gráficos de altura y período de olas marítimas.
02
El reto
Superponer múltiples fuentes de datos oceanográficos en tiempo real sobre un mapa interactivo manteniendo una navegación fluida a 60 fps en cualquier dispositivo.
03
La solución
Implementación con MapLibre GL, arquitectura de proveedores desacoplados (Open-Meteo y fallback sintético), tipado exhaustivo con TypeScript y React Vite.
04
Resultados
Excelente rendimiento de renderizado en mapa, consulta en tiempo real de boyas marítimas y panel intuitivo para alertas de seguridad costera.
05
Galería del proyecto
Las imágenes definitivas del proyecto se añadirán próximamente.