[WIKI]- Mapas de Calor

by SIGC

HTML

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

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

CSS

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

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

JavaScript

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


    let aguas_subterraneas = new M.layer.WFS({
      url: "http://www.cma.junta-andalucia.es/medioambiente/mapwms/REDIAM_WFS_RN_Aguas?",
      name: "b_control_piezometrico",
      legend: 'Aguas subterráneas',
      getfeatureinfo: "plain",
      geometry: 'POINT'
    }, {
      getFeatureOutputFormat: 'geojson',
      describeFeatureTypeOutputFormat: 'geojson'
    });
    map.addLayers(aguas_subterraneas);
    let style = new M.style.Heatmap('Cota_msnm');
    aguas_subterraneas.setStyle(style);