Ejemplo Mataró

by SIGC GUADALTEL

HTML

<script src="https://mapea-mataro.desarrollo.guadaltel.es/mapea/js/mapea.ol.min.js"></script>
<script src="https://mapea-mataro.desarrollo.guadaltel.es/mapea/js/configuration.js"></script>
<link rel="stylesheet" href="https://mapea-mataro.desarrollo.guadaltel.es/mapea/assets/css/mapea.ol.min.css">
<div id="map" class="map"></div>

CSS

html,
  body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: auto;
  }

  .makidentist:before {
    content: '\e814';
    color: 'red'
  }

JavaScript

const mapajs = M.map({
  container: "map",
  center: [453145.9982, 4598973.3734],
  layers: ["OSM"],
  controls: ["mouse", "scale", "layerswitcher"],
  projection: "EPSG:25831*m",
  zoom: 1
});

const guiaUrbana = new M.layer.WMTS({
  url: "http://serveisweb.mataro.cat/mapproxy/wmts/1.0.0/WMTSCapabilities.xml",
  name: "ly_guiaurbana_wmts",
  matrixSet: "grd_23031_wmts"
}, {
  format: "image/png",
});

var maxZoom = 20;
var minZoom = 10;
var newResolutions = mapajs.getResolutions().slice(minZoom, maxZoom);
mapajs.setResolutions(newResolutions);

mapajs.addWMTS(guiaUrbana);