WMTS

WMTS (Web Map Tile Service) es un estándar OGC para servir información geográfica en forma de tiles pregenerados a unas resoluciones específicas. Mapea permite visualizar este tipo de capas.

1.- Añadiéndolas como una cadena similar al api rest:

  mapajs = M.map({
    container: "map",
    layers: ["WMTS*http://www.ign.es/wmts/pnoa-ma?*OI.OrthoimageCoverage*EPSG:25830*PNOA"],
    center: [363063, 4150610],
    zoom: '4',
    controls: ['layerswitcher']
  });

Donde se especifica el tipo de capa, la url del servicio, el nombre de la capa en el servicio, el matrix set correspondiente, y el nombre a mostrar en el TOC.

2.- O con la clase javascript:

  var layer = new M.layer.WMTS({
    url: "http://www.ideandalucia.es/geowebcache/service/wmts",
    name: "toporaster",
    matrixSet: "EPSG:25830",
    legend: "Toporaster"
  },
  {
    format: 'image/png'
  });

  mapajs.addLayers(layer);

Donde:

• url: Url del servicio WMTS.
• name: Identifier de la Layer en el Capabilities del servicio.
• matrixSet: La matriz seleccionada de las definidas en el Capabilities del servicio.
• legend: Nombre que mostrará la capa en el árbol de contenido, si existe.
• format: Opcionalmente, el formato en el que solicitar la imagen

Ejemplo funcional en JSFiddle

ℹ️ Requiere v5.2.0+ de Mapea ℹ️

Es posible reutilizar el Capabilities de un servicio WMTS que ya tengamos en una capa para crear otras capas que existan también en el mismo servicio, evitando así la necesidad de volver a solicitar el Capabilities:

let layer1 = new M.layer.WMTS({
   url: "http://www.ideandalucia.es/geowebcache/service/wmts",
   name: "toporaster",
   matrixSet: "EPSG:25830",
   legend: "Toporaster"
 });

 // Capabilities general para todas las demas capas del servicio WMTS
 let capabilitiesGeneral = layer1.getCapabilities();

 // Otra capa WMTS del mismo servicio WMTS
  let layer2 = new M.layer.WMTS({
    url: "http://www.ideandalucia.es/geowebcache/service/wmts",
    name: "orto_2010-11",
    matrixSet: "EPSG:25830",
    legend: "orto_2010-11"
  },
  {capabilities: capabilitiesGeneral});

  mapajs.addLayers(layer2);

Ejemplo funcional en JSFiddle

ℹ️ Requiere v6.2.0+ de Mapea ℹ️

Si una capa WMTS va a participar en una llamada a su getFeatureInfo a través del control correspondiente, se puede parametrizar su comportamiento respecto a la versión, formato y estilo a solicitar en la llamada, de la siguiente manera:

 layerWMTS.setOptionsGetFeatureInfoUrl({
   version: '1.1.0',
   format: 'image/png',
   style: 'default'
 })

Doc API: M.layer.WMTS