Curso online Creación de mapas web orientado a móviles con Leaflet

Curso online de creación de mapas web orientado a móviles con Leaflet

Inicio 6 de mayo de 2021

ClockCreated with Sketch.

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 “Creación de mapas web orientado a móviles con Leaflet” el alumno aprenderá a crear visores de mapas web profesionales utilizando la librería open source Leaflet.

Aprenderás a crear mapas web a pantalla completa ajustado para dispositivos móviles como iPhone, iPad o teléfonos Android, y cómo detectar y usar fácilmente la ubicación actual del usuario.

  • Crear tus propios visores web mapping adaptados para dispositivos móviles con la librería Leaflet.
  • 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 6 de mayo hasta el 9 de junio de 2021

Duración de 5 semanas (90 horas)

Precio 270 € (250 € para antiguos alumnos)

Hay 11 plazas disponibles

Visor web adaptado a dispositivos móviles con una barra de navegación lateral con un el plugin Leaflet.sidebar

Requisitos

  • 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 los foros 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 de Mapas web para móviles con Leaflet, MappingGIS otorgará un Certificado de realización y aprovechamiento. El certificado se enviará en formato electrónico.

Con la realización del curso visores web mapping con Leaflet obtienes un Certificado con el que obtendrás puntos para acceder a la certificación GISP (GIS Professional) del GIS Certification InstituteMás info aquí.

Temario de la 27ª edición del curso de web mapping con Leaflet

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

  • Publicación de mapas web en un servidor gratuito.
  • Extendiendo leaflet. Cómo hacer un plugin para Leaflet.
    • Conceptos básicos.
    • Extendiendo Leaflet.
    • L.Control.extend: ejemplo de un plugin que crea un nuevo control.
    • L.Control.Mappinggis.
  • Proyecto final. Creación libre de un visor web.

Algunos mapas web para móviles con Leaflet realizados por nuestros alumnos

Aquí puedes ver alguno de los proyectos realizados por algunos de nuestros alumnos:

Campus virtual

Puedes realizar el curso desde cualquier país del mundo, ya que el curso se lleva a cabo en un campus virtual desarrollado en el entorno moodle: una robusta plataforma de aprendizaje de código abierto.

No hay horario establecido para realizar el curso, el material está disponible las 24 horas del día. Para cada unidad se establece un calendario de envío de ejercicios.

Mediante el campus virtual el alumno/a accede a los contenidos teóricos y prácticos del curso, y envía sus resultados al tutor. El campus también es un apoyo para realizar consultas en los foros del curso o al profesorado directamente.

¡Complementa este curso utilizando una base de datos para crear y guardar tus datos espaciales!

En nuestro curso online de webmapping interactivo utilizamos las herramientas necesarias para poder acceder a una base de datos MySQL y PostGIS desde un visor web mapping creado con Leaflet, utilizando para ello software libre: desde el servidor Xampp utilizado para el desarrollo, hasta el lenguaje PHP o la librería Leaflet, todos son libres.

Inscripción y pago

Los alumnos interesados en realizar el curso de mapas web para móviles con Leaflet deben completar el siguiente formulario de inscripción:

Espera nuestro mensaje de confirmación (no debería superar las 24 horas).

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.

Accede al campus virtual y crea un usuario.

Nosotros te matricularemos en el curso.

Opiniones

223

Alumnos en este curso desde 2016

96%

Alumnos satisfechos

79%

Alumnos que consideran nuestra atención excelente

¿Tienes preguntas?

Ponte en contacto con nosotros

Completa tu formación