Curso online visores webmapping con Leaflet y MapLibre

• Introducción.
• Editores de texto: Visual Studio Code.
• HTML. Estructura de un HTML.
• CSS. Las hojas de estilo.
• JavaScript.
  • Sintasix.
  • Funciones.
  • Condicionales y bucles.
  • Eventos.
  • Fetch.
• 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.
• El mapa – L.map
• Métodos para modificar el estado del mapa- L.map
  • Geolocalización: método locate.
• Métodos para recuperar el estado del mapa- Métodos GET.
• Añadir elementos vectoriales al mapa: líneas, polígono, círculos.
  • Etiquetado- Tooltip.
• Crear y manejar capas.
  • Grupos de capas.
  • Añadir y eliminar de capasde la vista – addLayer/removeLayer.
• Trabajando con controles.
  • Añadiendo un control de capas.
  • Personalizando el control de capas.
  • Añadiendo un control de escala.
  • Creando un control deslizante.
• Marcadores, Popup, Tooltip.
  • L.marker.
  • Usando un marcador personalizado en Leaflet.
  • Utilizando los iconos de Font Awesome en Leaflet.
  • Crear iconos con L.divIcon().
  • Marcadores SVG.
• Eventos.

• Los datos para visores web de mapas: visión general.
• Formatos de datos vectoriales: GeoJSON.
• Aplicando estilos a las capas GeoJSON.
• Abriendo popups con onEachFeature.
  • Filtrando capas GeoJson.
  • Personalizando el popup para ver fotografías.
• Trabajando con archivos locales.
• Creando capas de puntos con pointToLayer.
• Trabajando con archivos GeoJSON en Leaflet.
  • Caso práctico: Mapa de coropletas.
  • Control de títulos y subtítulos.
  • Añadiendo una leyenda.
• Obtener datos GeoJson de un servicio WFS y renderizarlos en Leaflet.
  • Consulta a los datos WFS mediante Fetch API.
  • Implicaciones de CORS en visores web de mapas.
  • Carga de datos JSON remotos. Caso práctico: visor de posiciones de aviones.
  • Mejorando la visualización de numerosos puntos mediante cluster.
• Empleo de OGC API en un visor web.
  • Capas teseladas vectoriales.
• Trabajando con Vector Tiles en Leaflet.
• Datos raster.
  • Visualizando imágenes con ImageOverlay.
  • Servicios OGC API Maps en Leaflet.
  • Servicios WMS en Leaflet. L.tileLayer.WMS

• 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.
  • Funciones de turf para operaciones espaciales.
  • Ejercicio práctico de análisis espacial web con Leaflet y Turf: Buffer, TIN, Voronoi y Bezier.
• Representación gráfica enriquecida con D3.js y Leaflet
  • Aplicar estilos en D3.js.
  • Crear gráficos en el mapa con D3.js
  • Integración de D3.js en Leaflet.
• Crear gráficos en un mapa web con Chart.js.
  • Integración de Chart.js en Leaflet
  • Gráficos dentro del mapa: ejemplo de gráfico de barras en un popup
• Tipos de mapas.
  • Mapas de calor.
  • 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.
  • Creación de una herramienta para buscar los datos.

• Estrategias para el empleo de la inteligencia artificial en webmapping
  • Aplicaciones
• Conceptos previos.
• La Inteligencia Artificial en el navegador web: Transformers.js
• Integrando la Inteligencia Artificial en un mapa web.
• Crear y entrenar un modelo de Aprendizaje Automático en el navegador.
  • Conceptos de Machine Learning.
  • Aprendizaje supervisado y no supervisado.
  • Tensorflow.js
  • Caso práctico: crear un mapa para obtener la predicción de concentración de NO2 en la atmósfera a partir de un modelo entrenado con Tensorflow.js
  • Crear y entrenar un modelo.
  • Crear la interacción con el mapa.

• Introducción a MapLibre.
• Instalar Node + MapLibre.
• Los estilos en Maplibre.
  • Personalizar estilos.
  • Personalizar estilos de CARTO.
• Trabajando con algunos mapas de teselas.
  • Añadiendo capas de OpenFreeMap.
  • Servicios teselados del IGN: Mapas topográficos.
    • Modelo digital del terreno.
  • WMS en MapLibre: uso, limitaciones y alternativas.
• Crear un control de capas en MapLibre.
• Controles.
• Crear teselas vectoriales a partir de nuestros datos y utilizarlas con MapLibre.
• Añadir interacción al mapa: marcadores y popup.
  • Empleo de iconos en los mapas de marcadores con MapLibre.
  • Crear y aplicar estilos.
• Mapas temáticos en 3D.
• Compilar un proyecto para su publicación web.

• Servidores web.
• GitHub.
• Netlify.