[Ej] Función proporcional

by Francisco

HTML

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

CSS

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

JavaScript

let mapajs = M.map({
  container: "map",
  controls: ['layerswitcher', 'overviewmap'],
});

let indicadoresMun = new M.layer.WFS({
  //name: "Municipios Indicadores",
  url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/wfs?",
  namespace: "tematicos",
  name: "ind_mun_simp",
  geometry: 'POLYGON',
});

function miFuncionProporcional(value, minValue, maxValue, minRadius, maxRadius){
	console.log('Hago el cálculo del radio asociado al value recibido...');
  return 10;
}


let sizeMin = 5;
let sizeMax = 15;

let estiloPunto = new M.style.Point({
  fill: {
    color: 'black'
  },
  stroke: {
    color: 'white',
    width: 2
  }
});

let proportionalVector = new M.style.Proportional('tot_ibi', sizeMin, sizeMax, estiloPunto,miFuncionProporcional);


mapajs.addLayers(indicadoresMun);
indicadoresMun.setStyle(proportionalVector);