LEAFLET.JS · MAPAS Y MONITOREO GPS

Desarrollo de Mapas Interactivos y Sistemas de Monitoreo GPS con Leaflet.js

Construye mapas web interactivos y un prototipo de monitoreo GPS con Leaflet.js, capas geográficas, rutas y actualización de posiciones desde una API.

24 horas · 12 sesiones Nivel intermedio Inicio: 09/11/2026
OBJETIVOS

¿Qué aprenderás?

Curso práctico para desarrolladores que desean incorporar información geográfica a aplicaciones web. Aprende a visualizar ubicaciones, gestionar capas y representar recorridos sobre un mapa interactivo.

Proyecto integrador: panel de monitoreo de unidades con posiciones simuladas o suministradas por una API, historial de recorridos y estado de actualización. La recepción de datos de dispositivos GPS requiere un servicio de backend; Leaflet.js se utiliza para su visualización.

  • Configurar mapas Leaflet.js con controles y atribución de datos
  • Representar ubicaciones con marcadores, ventanas y eventos
  • Visualizar capas GeoJSON, líneas y polígonos
  • Consumir posiciones desde una API con JavaScript
  • Actualizar marcadores sin recargar la página
  • Representar recorridos e identificar posiciones desactualizadas
  • Gestionar errores de red y permisos de geolocalización
  • Integrar un prototipo de panel de monitoreo GPS
TEMARIO

Contenido del Curso

01

1. Fundamentos de cartografía web

Latitud, longitud, coordenadas y niveles de zoom. Estructura HTML y CSS del visor. Inicialización de Leaflet.js, capas base, atribución y condiciones de uso del proveedor de teselas.

02

2. Interacción y marcadores

Marcadores, iconos personalizados, popups y tooltips. Eventos de clic y movimiento. Controles, ajuste de límites y diseño adaptable del mapa.

03

3. Capas y datos geográficos

Grupos de capas y selector de capas. Polilíneas, polígonos y círculos. Carga y estilos de GeoJSON. Filtros y visualización de propiedades.

04

4. Geolocalización e integración de API

Geolocalización del navegador, HTTPS y permisos. Consumo de JSON con fetch. Validación de coordenadas, identificadores y marcas de tiempo. Manejo de errores y estados de carga.

05

5. Monitoreo de posiciones GPS

Arquitectura dispositivo, backend y visor. Simulación de posiciones y actualización periódica desde una API. Actualización de marcadores por unidad, estado de conexión, posiciones antiguas y trazado de recorridos. Introducción conceptual a WebSocket.

FINAL

6. Panel y proyecto integrador

Listado y selección de unidades, enfoque del mapa e historial de recorrido. Limpieza de temporizadores y control de solicitudes. Protección de credenciales, acceso a ubicaciones y presentación del prototipo con datos simulados.

FICHA DEL CURSO

Detalles

Duración
24 horas · 12 sesiones
Nivel
Intermedio
Metodología
Práctica guiada, ejercicios y proyecto integrador
Requisito
Conocimientos básicos de HTML, CSS y JavaScript (funciones, objetos y promesas). Computadora con navegador moderno y editor de código.
Certificado
Incluido (gratuito)
INSCRIPCIÓN

Regístrate en el curso

Completa tus datos y te enviaremos la confirmación por WhatsApp. Un asesor se comunicará contigo para confirmar tu vacante y los datos de pago.

Al enviar aceptas que DataPUC te contacte por WhatsApp y correo sobre este curso.