M.plugin.Timeline

Plugin de línea del tiempo

Dependencias

• timeline.ol.min.js
• timeline.ol.min.css

 <link href="../../plugins/timeline/timeline.ol.min.css" rel="stylesheet" />
 <script type="text/javascript" src="../../plugins/timeline/timeline.ol.min.js"></script>

Parámetros

• El constructor se inicializa con un JSON de options con los siguientes atributos:

• intervals. Parámetro obligatorio. Array que contiene cada capa junto a sus datos:

  • Nombre: nombre descriptivo de la capa.
  • Etiqueta: etiqueta o fecha de la capa.
  • Servicio en formato mapea para insertar una capa a través de servicios WMS ó WMTS, o la capa como objeto, de cada intervalo.

• position. Indica la posición donde se mostrará el plugin.

  • 'TL':top left
  • 'TR':top right (default)
  • 'BL':bottom left
  • 'BR':bottom right

Ejemplos de uso

Ejemplo

Insertar intervalos a través de servicios WMS. La URL en formato mapea sigue la siguiente estructura:

• Servicio,Leyenda,URL,Nombre. Separados por "*".

const mp = new M.plugin.Timeline({
  position: 'TL',
  intervals: [
    ["NACIONAL 1981-1986", "1986", "WMS*NACIONAL_1981-1986*https://www.ign.es/wms/pnoa-historico*NACIONAL_1981-1986"],
    ["OLISTAT", "1998", "WMS*OLISTAT*https://www.ign.es/wms/pnoa-historico*OLISTAT"],
    ["SIGPAC", "2003", "WMS*SIGPAC*https://www.ign.es/wms/pnoa-historico*SIGPAC"],
    ["PNOA 2004", "2004", "WMS*pnoa2004*https://www.ign.es/wms/pnoa-historico*pnoa2004"],
    ["PNOA 2005", "2005", "WMS*pnoa2005*https://www.ign.es/wms/pnoa-historico*pnoa2005"],
    ["PNOA 2006", "2006", "WMS*pnoa2006*https://www.ign.es/wms/pnoa-historico*pnoa2006"],
    ["PNOA 2010", "2010", "WMS*pnoa2010*https://www.ign.es/wms/pnoa-historico*pnoa2010"]
  ],
});

map.addPlugin(mp);