[Test] Mapea 4 - WMTS featureInfo

by Francisco

HTML

<script src="https://mapea4-sigc.juntadeandalucia.es/js/mapea-5.2.0.ol.min.js"></script>
<link rel="stylesheet" href="https://mapea4-sigc.juntadeandalucia.es/assets/css/mapea-5.2.0.ol.min.css">
<script src="https://mapea4-sigc.juntadeandalucia.es/js/configuration-5.2.0.js"></script>
<div id="map"></div>

CSS

html,
body,
#map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

JavaScript

M.addProxyException("http://www.ign.es");
  
  let layer = new M.layer.WMTS({
    url: "http://www.ign.es/wmts/ign-base?",
    name: "IGNBaseTodo",
    matrixSet: "EPSG:25830",
    legend: "baseTodo",
    transparent: true
  });
  
  // OPCION 1: En el constructor del mapa, en modo cadena u objeto
  mapajs = M.map({
    container: "map",
    layers: [layer],
    center: [243713, 4133488],
    zoom: '12',
    controls: ['layerswitcher','mouse']
  });
  
    // OPCION 2: Con el metodo addLayers
  let layer2 = new M.layer.WMTS({
    url: "http://www.ign.es/wmts/ign-base?",
    name: "IGNBaseOrto",
    matrixSet: "EPSG:25830",
    legend: "baseOrto",
    transparent: true
  });

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

  mapajs.addLayers(layer3);
  
  mapajs.addControls(new M.control.GetFeatureInfo('html'));