[CHIE] - [Wiki] Mapea 4 - WMTS

by SIGC

HTML

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

CSS

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

JavaScript

// OPCION 1: En el constructor del mapa, en modo cadena u objeto
  mapajs = M.map({
    container: "map",
    layers: ["WMTS*https://www.ign.es/wmts/pnoa-ma?*OI.OrthoimageCoverage*EPSG:25830*PNOA*false*false*true"],
    center: [363063, 4150610],
    zoom: '4',
    controls: ['layerswitcher']
  });
  
  mapajs.addControls(new M.control.GetFeatureInfo());

  // OPCION 2: Con el metodo addLayers
  /*var layer = new M.layer.WMTS({
    url: "http://www.ideandalucia.es/geowebcache/service/wmts",
    name: "toporaster",
    matrixSet: "EPSG:25830",
    legend: "Toporaster"
  });*/
  
  
let layer = new M.layer.WMTS({
    url: "https://idearagon.aragon.es/AragonFotoWMTS?",
    name: "WMTS:AragonMapa",
    matrixSet: "EPSG25830_5000",
    legend: "AragĂłn"
  });
  
  mapajs.addWMTS(layer);