05 - Librerías JavaScript para Hacer Aplicaciones Web con Mapas - visualizar Datos con Mapbox

#JavaScript #Programación #Mapbox #GIS #SIG #Geografia

Adquiere mis Cursos Premium:
⭐ Desarrollo Web GIS Frontend: https://www.udemy.com/course/geocosit...

----------------------------------------------------------------------

📋 Índice del video en la descripción para que puedas navegar entre los temas

👨‍💻🌐 Ya aprendimos a usar la librería de JavaScript Mapbox GL JS para agregar mapas en nuestras aplicaciones web, además de agregar algunos elementos y trabajar con eventos. Ahora es momento de visualizar nuestros propios datos.

Acá te explico paso a paso como usar Mapbox para leer y visualizar archivos en GeoJSON tanto locales como usando una URL, creamos una aplicación bastante sencilla con nuestros datos y configuramos popups que nos muestra el nombre de los aeropuertos a nivel mundial.

----------------------------------------------------------------------

Puedes descargar el código usado en el video aquí 👇
‍💻 Código Inicial: https://github.com/IngJuanMaSuarez/Li...
‍💻 Código Final: https://github.com/IngJuanMaSuarez/Li...
📁 Datos: https://drive.google.com/file/d/1a51z...
📴 URL: https://raw.githubusercontent.com/Ing...

----------------------------------------------------------------------

Índice del Video:
0:00:38 Inicio de la Temática
0:02:11 Explorar la documentación para buscar loe métodos para agregar datos
0:03:20 addSource y addLayer
0:05:11 Creación del proyecto
0:06:36 Edición del proyecto para iniciar desde un proyecto base
0:08:05 Uso de addLayer
0:12:26 Evento load
0:12:57 Uso de addSource
0:18:28 Ejemplo con geometrías de tipo línea
0:21:52 Ejemplo usando un GeoJSON local
0:26:04 Ejemplo leyendo un GeoJSON alojado en la nube
0:28:15 Agregar popup para visualizar información de los GeoJSON
0:38:41 Recapitulación

----------------------------------------------------------------------

🌐 Sígueme:
GeoCositas: https://www.geocositas.com/
Linkedin:   / ingjuanmasuarez  
Github: https://github.com/IngJuanMaSuarez
X: https://x.com/IngJuanMaSuarez
TikTok:   / ingjuanmasuarez  
Twitch:   / ingjuanmasuarez  
Threads: https://www.threads.net/@IngJuanMaSuarez
Trabajos de Grado: https://udistrital.academia.edu/IngJu...