Curso online de visores web mapping con Leaflet
Inicio 9 de noviembre de 2023
Modalidad ON LINE
Abierto 24/7
APOYO de tu tutor
durante el curso
CERTIFICADO
al finalizar
Plazas limitadas a 15 alumnos
En el curso online “visores web mapping con Leaflet” el alumno aprenderá a crear visores de mapas web utilizando la librería open source Leaflet.
Leaflet es la librería JavaScript más utilizada para crear mapas online, el el Washington Post, el Financial Times, las principales web inmobiliarias, OpenStreetMap o la Comisión Europea la usan en sus proyectos. En el curso aprenderás a:
- Crear tus propios visores web mapping.
- Utilizar métodos para adaptar el visor a dispositivos móviles.
- Detectar y usar fácilmente la ubicación actual del usuario.
- Añadir capas base de OpenStreetMap, Mapbox, CARTO, Stamen, Bing y ESRI.
- Añadir al mapa marcadores, ventanas emergentes, gráficos de barras y de círculos.
- Insertar botones y personalizar controles en el mapa 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 en un visor webmapping.
- Crear formularios y una herramienta para buscar los datos.
- Publicar tus visores webmapping en internet utilizando un servidor gratuito.
Desde el 9 de noviembre hasta el 13 de diciembre de 2023
Duración:
5 semanas - 90 horas
Precio 250 €
(240 € para antiguos alumnos)
Hay 15 plazas disponibles
- Aunque no es necesario, se recomienda tener conocimientos de Sistemas de Información Geográfica.
- Es recomendable tener nociones básicas de algún lenguaje de programación (HTML, SQL, JavaScript, Python, etc). En caso de no tener conocimientos se podrá compensar con más tiempo de dedicación al curso.
Tutor
José Luis García Grandes. Ingeniero Agrónomo con más de 20 años de experiencia en trabajos de consultoría de ingeniería. Desde 2012 desarrollador de proyectos de aplicaciones webmapping.
Cualquier duda se podrá plantear personalmente mediante correo electrónico o en el foro del curso. El tutor responderá siempre en la mayor brevedad posible.
Formación certificada
Una vez completados satisfactoriamente los ejercicios y el proyecto final del curso, MappingGIS otorgará un Certificado de realización y aprovechamiento. El certificado se enviará en formato electrónico.
Temario de la 40ª edición del curso de web mapping con Leaflet
Unidad 1. Introducción al desarrollo de visores web mapping con Leaflet: HTML, CSS y JavaScript
- Introducción.
- HTML. Estructura de un HTML.
- CSS. Las hojas de estilo.
- JavaScript.
- Sintasix.
- Funciones.
- Condicionales y bucles.
- Depuración de errores en JavaScript.
- Adaptándonos a los dispositivos móviles:
- HTML5 en el móvil.
- CSS mediante:
- Web Responsive.
- Bootstrap.
Unidad 2. Primeros pasos con Leaflet. Ajuste para uso en dispositivos móviles. Instalación de plugins
- Introducción a Leaflet.
- Primeros pasos.
- Ajuste para el uso en dispositivos móviles.
- El mapa – L.map.
- Trabajando con los controles de la clase L.map.
- Añadiendo más opciones del estado del mapa.
- Opciones de interacción y teclado.
- Métodos para modificar el estado del mapa:
- El método setView.
- Geolocalización.
- Volando con flyTo().
- Métodos para recuperar el estado del mapa – Métodos GET.
- Métodos para trabajar con capas y controles:
- 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.
Unidad 3. Trabajando con capas vectoriales, raster y teseladas
- Capas teseladas raster – L.tileLayer.
- Añadiendo servicios WMS – L.tileLayer.WMS
- Otros servidores de teselas:
- OpenStreetMap.
- Mapbox.
- CARTO y Stamen.
- Bing.
- ESRI.
- 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.
Unidad 4. GeoJSON en Leaflet
- Primeros pasos con geoJSON.
- Añadiendo puntos.
- Crear un archivo geoJSON.
- Polígonos con huecos – Donut.
- Añadiendo objetos GeoJSON.
- Aplicando estilos a las capas GeoJSON.
- Opción style de GeoJSON.
- Método setStyle.
- 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.
Unidad 5. Personalización del mapa y la interfaz de usuario mediante botones, ventanas emergentes, títulos y leyendas
- 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.
- Personalizando el popup para ver fotografías.
- Añadiendo un control de capas.
- 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.
Unidad 6. Herramientas para interactuar con el mapa. Mapas de calor, mapas con gráficos, cálculo de rutas óptimas. Análisis espacial con Turf
- Mapas con marcadores animados.
- Mapas de calor (heatmaps).
- Opciones de Leaflet.heat.
- 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. Creación de plugins. Proyecto final
- Publicación de mapas web en un servidor gratuito.
- Proyecto final. Creación libre de un visor web.
Algunos visores web mapping con Leaflet realizados por nuestros alumnos
Aquí puedes ver alguno de los proyectos realizados por algunos de nuestros alumnos:
- Riesgo de inundación fluvial de infraestructuras (junio de 2023).
- Arboleda viaria de Barcelona divididos por distritos en 2021 (abril de 2023).
- Acceso a educación en la ciudad de Pergamino – Argentina (octubre de 2020).
- Visor de rutas del Parque Nacional Picos de Europa (diciembre de 2018).
Campus virtual
Puedes realizar el curso desde cualquier país del mundo, ya que el curso se lleva a cabo en un campus virtual abierto las 24 horas del día. No hay horario establecido para realizar el curso.
El alumno/a debe realizar los ejercicios indicados y enviárselos al tutor a través de la plataforma formación. Nosotros establecemos un calendario de entregas de ejercicios. El tiempo disponible para realizar los ejercicios varía en función de la dificultad de cada unidad.
El campus también es un apoyo para realizar consultas en los foros del curso o al profesorado directamente.
Inscripción y pago
Los alumnos interesados en realizar el curso de visores web mapping con Leaflet deben completar el siguiente formulario de inscripción:
Espera nuestro mensaje de confirmación.
Puedes realizar el pago mediante:
- Transferencia bancaria.
- Tarjeta de débito o crédito utilizando la pasarela de pago segura. Toda nuestra web está cifrada con protocolo de seguridad SSL de máxima seguridad para que la introducción de sus datos cuando se registra, sea totalmente confidencial y protegida con las máximas garantías.
Nosotros te matricularemos en el curso.
Opiniones
268
Alumnos en este curso desde 2016
97%
Alumnos satisfechos
80%
Alumnos que consideran nuestra atención excelente