Programación SIG en entornos Web

Programación SIG en entornos Web

Introducción a Leaflet.js

Contenido

  • Ejemplos de aplicaciones web de mapas
  • Capas base en Leaflet.js
  • Capas vectoriales en Leaflet.js

Ejemplos de aplicaciones web de mapas

Un mapa es una visualización que cuenta una historia para educar, informar y/o explicar.

Contenido

  • Ejemplos de aplicaciones web de mapas
  • Capas base en Leaflet.js
  • Capas vectoriales en Leaflet.js

Capas base en Leaflet.js

En este bloque inicial de Leaflet veremos como

Cargar y visualizar un mapa base

Añadir un control de capas bases al mapa

Capas base

Carga y visualización de un mapa base

Capas base [Demo]

Carga de un mapa base en Leaflet

Capas base [Demo]

Control de capas para la selección de mapas base

Contenido

  • Ejemplos de aplicaciones web de mapas
  • Capas base en Leaflet.js
  • Capas vectoriales en Leaflet.js

Capas vectoriales en Leaflet.js

En este bloque inicial de Leaflet veremos como

Cargar una geometría (puntos) desde una variable local

Cargar una geometría (puntos) desde un fichero

Mostrar (popups) un atributo de una geometría (punto)

Capas vectoriales

Carga de una geometría (punto)

Capas vectoriales [Demo]

Carga de una geometría (puntos) desde una variable local

Capas vectoriales [Demo]

Carga de una geometría (puntos) desde un fichero

Capas vectoriales [Demo]

Muestra un atributo asociado a una geometría (puntos)

Programación SIG en entornos Web

Introducción a Leaflet.js