01 - Librerías JavaScript para Hacer Aplicaciones Web con Mapas - Introducción a Leaflet

#JavaScript #Programación #Leaflet #GIS #SIG #Geografia #Introducción

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

👨‍💻🌐 Aprende los fundamentos y conceptos básicos para empezar a crear tus propias aplicaciones web geográficas usando Leaflet, una librería Open Source de JavaScript para agregar el componente espacial en nuestras apps.

Acá te explico paso a paso como usar Leaflet, creamos una aplicación bastante sencilla que nos muestra las coordenadas donde el usuario de clic. Además agregamos algunos elementos gráficos sobre el mapa.

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

Puedes descargar el código usado en el video aquí 👇
‍💻 Código: https://github.com/IngJuanMaSuarez/Li...

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

Índice del Video:
0:00:43 Inicio de la Temática
0:03:03 Explicación estructura de una página web (HTML, CSS y JavaScript)
0:06:03 Creación de un nuevo proyecto
0:06:40 Creación del HTML
0:09:32 Creación del CSS
0:12:57 Creación del JavaScript
0:14:01 Documentación oficial de Leaflet
0:16:08 "Instalación" de Leaflet en la aplicación
0:17:50 Creación de un mapa con Leaflet
0:25:04 Creación de un marcador con Leaflet
0:28:00 Agregar un PopUp al marcador
0:29:34 Agregar un circulo al mapa
0:33:21 Manejo de eventos de clic para obtener coordenadas

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

🌐 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...