Visores web mapping con

Curso online visores web

mapping con Leaflet
Modalidad: Online.
El curso va dirigido a todos aquellos profesionales que desean
Nivel: intermedio – avanzado. adquirir los conocimientos para desarrollar aplicaciones web
Nº edición: 41ª de mapas profesionales con la librería open source Leaflet, la API
de mapas de moda utilizada por OpenStreetMap, GitHub,
Horas: 90 horas lectivas / 5 semanas.
facebook, USA TODAY, The Washington Post, etc.
Precio: 250 € (240 € para antiguos alumnos).
Fechas: Desde el día 10 de enero hasta el 13 de febrero de 2024.

ENERO FEBRERO
L M X J V S D L M X J V S D
1 2 3 4 5 6 7 1 2 3 4
8 9 10 11 12 13 14 5 6 7 8 9 10 11
15 16 17 18 19 20 21 12 13 14 15 16 17 18
22 23 24 25 26 27 28 19 20 21 22 23 24 25
29 30 31 26 27 28 29

MappingGIS SLU
C/ Vinos de Toro, 4
C.P. 47008 Valladolid
(+34) 657 76 76 65
formacion@mappinggis.com / mappinggis.com
 Visores web mapping con

OBJETIVOS REQUISITOS
El objetivo del curso es proporcionar a los alumnos los Aunque no es necesario, se recomienda tener conocimientos de
conocimientos necesarios para: Sistemas de Información Geográfica.

• Crear y personalizar tus propias aplicaciones web

mapping con la librería Leaflet. Es recomendable tener nociones de algún lenguaje de
programación (HTML, SQL, JavaScript, etc).
• Añadir capas base de OpenStreetMap, Mapbox, CARTO,
Stamen, Bing y ESRI.
• Usar marcadores con gráficos de barras y de círculos
• Trabajar con archivos GeoJSON y con shapefiles de ESRI.
• Insertar y personalizar controles en el visor de mapas
web.
• Interactuar con el mapa mediante eventos e
interacciones.
• Animar marcadores, crear mapas de calor, realizar
geocodificación y geocodificación inversa.
• Calcular rutas óptimas.
• Crear formularios y una herramienta para buscar los
datos.
• Publicar los visores de mapas web en un servidor
gratuito.

MappingGIS SLU
C/ Vinos de Toro, 4
C.P. 47008 Valladolid
(+34) 657 76 76 65
formacion@mappinggis.com / mappinggis.com
 Visores web mapping con

Unidad 1. Introducción al desarrollo de visores web de mapas con Unidad 2. La API de Leaflet
Leaflet Introducción a Leaflet.
Introducción. Primeros pasos.
HTML. Estructura de un HTML. Ajuste para el uso en dispositivos móviles.
CSS. Las hojas de estilo. El mapa – L.map.
JavaScript. Trabajando con los controles de la clase L.map.
Sintaxis. Añadiendo más opciones del estado del mapa.
Funciones. Opciones de interacción y teclado.
Condicionales y bucles. Métodos para modificar el estado del mapa:
TEMARIO

Depuración de errores en JavaScript. El método setView.

Adaptándonos a los dispositivos móviles: Geolocalización.
HTML5 en el móvil. Volando con flyTo().
CSS mediante: Métodos para recuperar el estado del mapa – Métodos GET.
Web Responsive. Métodos para trabajar con capas y controles:
Bootstrap. Añadiendo nuevas de capas – addLayer.
Cambiando de posición el control de zoom.
Instalación de plugins en Leaflet.
Creación de nuevos botones en el mapa.

MappingGIS SLU
C/ Vinos de Toro, 4
C.P. 47008 Valladolid
(+34) 657 76 76 65
formacion@mappinggis.com / mappinggis.com
 Visores web mapping con

Unidad 3. Trabajando con capas vectoriales, raster y teseladas Unidad 4. GeoJSON en Leaflet
Capas teseladas raster – L.tileLayer. Primeros pasos con geoJSON.
Añadiendo servicios WMS – L.tileLayer.WMS Añadiendo puntos.
Otros servidores de teselas: Crear un archivo geoJSON.
OpenStreetMap. Polígonos con huecos – Donut.
Mapbox. Añadiendo objetos GeoJSON.
CARTO y Stamen. Aplicando estilos a las capas GeoJSON.
Bing. Opción style de GeoJSON.
TEMARIO

ESRI. Método setStyle.

Visualizando imágenes con ImageOverlay.
Capas Raster: aplicación a GeoTIFF.
Capas teseladas vectoriales:
Trabajando con Mapbox Vector Tiles (MVT) en Leaflet.
Edición de estilos de una capa de teselas vectoriales.
Capas de interfaz de usuario – Marcadores.
L.marker.
Ventanas emergentes – L.popup.
Usando un marcador personalizado en Leaflet.
Utilizando los iconos de Bootstrap en Leaflet.
Marcadores SVG.
Capas vectoriales:
Añadiendo líneas, polígonos, rectángulos y círculos al mapa.
Etiquetado (Tooltip).
Grupos de capas – LayerGroup.
Abriendo pop ups con onEachFeature.
Filtrando capas GeoJSON.
Creando capas de puntos con pointToLayer.
Trabajando con archivos GeoJSON en Leaflet.
Mapa de coropletas.
Mapa de círculos graduados según su valor.
Interactuando con los datos: selección mediante formulario.
Mejorando la visualización de numerosos puntos mediante cluster.
CARTO en Leaflet: Creación de un mapa web con CARTO.js

MappingGIS SLU
C/ Vinos de Toro, 4
C.P. 47008 Valladolid
(+34) 657 76 76 65
formacion@mappinggis.com / mappinggis.com

Unidad 5. Personalización del mapa y la interfaz de usuario
Trabajando con controles:
Añadiendo un control de capas.
Situando el control de capas fuera del mapa.
Personalizando el control de capas.
Zoom a la capa seleccionada en el control de capas.
Control con grupos de capas y desplegable.
Añadiendo un control de escala.
Creando un control deslizante.
TEMARIO
Personalizando el popup para ver fotografías.
Eventos.
Openpopup.
Añadiendo títulos y leyendas al mapa:
Control de títulos y subtítulos.
Añadiendo una leyenda.
Leyenda en el control de capas.
Incorporando elementos web al mapa: Leaflet sidebar.
Visores web mapping con
Unidad 6. Herramientas para interactuar con el mapa y tipos de
mapas
Mapas con marcadores animados.
Mapas de calor (heatmaps).
Geocoding o búsqueda de direcciones:
Geocodificación inversa: usando puntos para encontrar una
dirección.
Cálculo de rutas óptimas en un visor web.
Mapas con gráficos:
Usando marcadores con gráficos de barras y círculos.
Crear gráficos a partir de datos JSON.
Consultando datos WMS: plugin leafler.wms.
Subir archivos GIS al mapa y visualizarlos.
Análisis espacial con Turf.js:
Herramientas de análisis que incluye Turf.
Creación de un mapa web con Leaflet.js y Turf.js
Crear un buffer con Turf.js
Unidad 7. Publicación de un mapa web en un servidor gratuito.
Proyecto final
Publicación de mapas web en un servidor gratuito.
Proyecto final. Creación libre de un visor web.
MappingGIS SLU
C/ Vinos de Toro, 4
C.P. 47008 Valladolid
(+34) 657 76 76 65
formacion@mappinggis.com / mappinggis.com
 Visores web mapping con

METODOLOGÍA TUTOR
Mediante el campus virtual el alumno/a accede a los contenidos José Luis García Grandes.
teóricos (vídeos de teoría) y prácticos del curso (ejercicios en
formato PDF). Ingeniero Agrónomo con más de 20 años de
El alumno realizará los ejercicios de cada unidad y los subirá a la experiencia en trabajos de consultoría de
plataforma de acuerdo al calendario fijado al inicio del curso. El ingeniería. Desde 2012 es desarrollador de
tiempo disponible para realizar los ejercicios varía en función de aplicaciones webmapping con software libre.
la dificultad de cada módulo.
No es necesario estar conectado a una hora concreta ya que el Cualquier duda se podrá plantear personalmente mediante
campus virtual y el material está disponible las 24 horas durante correo electrónico, teléfono o en los foros del curso. El tutor
el tiempo que dura el curso. responderá siempre en la mayor brevedad posible.
La plataforma también es un apoyo para realizar consultas en
los foros y chats del curso o al profesorado directamente.
El equipo docente procurará reforzar la autonomía del
alumno/a, apoyando y aclarando todas sus dudas y dificultades
CERTIFICACIÓN
surgidas en el desarrollo de la acción formativa. Todo el material
Una vez completados satisfactoriamente los ejercicios y el
es descargable, de forma que se pueden utilizar al acabar el
proyecto final, MappingGIS otorgará un Certificado de
curso.
realización y aprovechamiento. El certificado se enviará en
Todos los materiales son originales y tienen derechos de autor, formato electrónico.
el plagio o distribución en cualquier medio está totalmente
prohibida.

MappingGIS SLU
C/ Vinos de Toro, 4
C.P. 47008 Valladolid
(+34) 657 76 76 65
formacion@mappinggis.com / mappinggis.com