Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

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

Автор: GeoCositas Para Dummies

Загружено: 2023-01-23

Просмотров: 10650

Описание:

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

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

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

02 - Librerías JavaScript para Hacer Aplicaciones Web Geográficas - Introducción a Mapbox

02 - Librerías JavaScript para Hacer Aplicaciones Web Geográficas - Introducción a Mapbox

Картирование текущего местоположения пользователя с помощью Leaflet.js и OpenStreetMap — Учебное ...

Картирование текущего местоположения пользователя с помощью Leaflet.js и OpenStreetMap — Учебное ...

01 - PostGIS - Introducción

01 - PostGIS - Introducción

Como integrar mapas con Leaflet y Open Street Map

Como integrar mapas con Leaflet y Open Street Map

Программируем с ИИ в VS Code - БЕСПЛАТНО! Сможет каждый!

Программируем с ИИ в VS Code - БЕСПЛАТНО! Сможет каждый!

Как сделать приложение за 10 минут? | FlowMVI Часть 1

Как сделать приложение за 10 минут? | FlowMVI Часть 1

OpenAI тонет. Google рвёт индустрию. ИИ улетает в космос / Итоги ноября в AI

OpenAI тонет. Google рвёт индустрию. ИИ улетает в космос / Итоги ноября в AI

БЕЛЫЕ СПИСКИ: какой VPN-протокол справится? Сравниваю все

БЕЛЫЕ СПИСКИ: какой VPN-протокол справится? Сравниваю все

Что такое

Что такое "Reverse Engineering". Показываю как ломают софт.

Приложение для отслеживания местоположения в реальном времени на LeafletJS || Геолокация HTML5 ||...

Приложение для отслеживания местоположения в реальном времени на LeafletJS || Геолокация HTML5 ||...

03 - Librerías JavaScript para Hacer Aplicaciones Web Geográficas - Introducción a OpenLayers

03 - Librerías JavaScript para Hacer Aplicaciones Web Geográficas - Introducción a OpenLayers

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

ESP32: распознавание речи нейросетью (TensorFlow Lite)

ESP32: распознавание речи нейросетью (TensorFlow Lite)

Proxmox VE 9.1 + OCI: Как запускать контейнеры без Docker

Proxmox VE 9.1 + OCI: Как запускать контейнеры без Docker

JavaScript-приложение для маршрутизации Leaflet Map

JavaScript-приложение для маршрутизации Leaflet Map

Code review - делаем лучше

Code review - делаем лучше

React Leaflet Tutorial for Beginners (2025)

React Leaflet Tutorial for Beginners (2025)

Краткое объяснение больших языковых моделей

Краткое объяснение больших языковых моделей

How I Would Learn GIS (If I Had To Start Over)

How I Would Learn GIS (If I Had To Start Over)

Ускоряем YouTube на OpenWRT: YouTubeUblock + Zapret + VLESS | Розыгрыш Routerich AX3000

Ускоряем YouTube на OpenWRT: YouTubeUblock + Zapret + VLESS | Розыгрыш Routerich AX3000

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]