[WIKI] Heatmap

by SIGC GUADALTEL

HTML

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

CSS

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

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 d
      getFeatureOutputFormat: 'geojson',
      describeFeatureTypeOutputFormat: 'geojson'
    });
    map.addLayers(aguas_subterraneas);
    let style = new M.style.Heatmap('Cota_msnm');
    aguas_subterraneas.setStyle(style);