Estilos MVT

by SIGC GUADALTEL

HTML

<script src="https://sigc.desarrollo.guadaltel.es/mapea6/js/mapea-6.0.0.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea6/js/configuration-6.0.0.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea6/assets/css/mapea-6.0.0.ol.min.css">

<div id="map"></div>

CSS

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

JavaScript

const mapjs = M.map({
  container: 'map',
  projection: 'EPSG:3857*m',
  controls: ['mouse'],
  layers: ['OSM'],
  ticket: 'PWUMZ5MQTPUGAEWTHCXVXSFZLLM2SUORWBIT5FA4BC56GT6QV7VWXWVIBJZGVJC62GMSVE4EJZDSMMLGMG4G7NTD3HIALJ42K73PC7WGZZGW3ZRJCKSIY2VUBGDRQ45N4K2SAIEI2GAOURMWOMKWEDURE5K2H357Y35B5GI'
});

// MVT*URL*NAME


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

mvt.setStyle(new M.style.Point({
  fill: {
    color: '#fe3'
  },
  stroke: {
    color: '#000'
  },
  radius: 20
}))

mapjs.addLayers(mvt);