[Test] MVT 3857

by SIGC GUADALTEL

HTML

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

CSS

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

JavaScript

const mapa = M.map({
  container: 'map',
  getfeatureinfo: 'plain',
  controls: ['mouse', 'layerswitcher'],
  projection: 'EPSG:3857*m', //CASO EPSG:4326 'EPSG:4326*d',
  layers: ['OSM'],
});

const provincias = new M.layer.GeoJSON({
  name: "Provincias",
  url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=tematicos:Provincias&maxFeatures=50&outputFormat=application/json",
  extract: true
});

const mvt = new M.layer.MVT({
  url: 'https://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/gwc/service/tms/1.0.0/Global:carloscastellano_rios____cc_20191104@EPSG%3A3857@pbf/{z}/{x}/{-y}.pbf',
  name: 'vectortile',
  projection: 'EPSG:3857',
});

/* CASO EPSG:4326
const mvt = new M.layer.MVT({
  url: 'https://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/gwc/service/tms/1.0.0/Global:carloscastellano_rios____cc_20191104@EPSG%3A4326@pbf/{z}/{x}/{-y}.pbf',
  name: 'vectortile',
  projection: 'EPSG:4326',
});
*/

mapa.addLayers(provincias);
mapa.addLayers(mvt);

// Para activar funcionalidad take me there
M.Popup.options.takeMeThere = true;


// Para cambiar al modo con icono
// M.Popup.options.textMode = false;

// Para cambiar el texto
// M.Popup.options.msg = 'Take me there.'