[Ej] Mapa de ruidos Cáceres

by Francisco

HTML

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

CSS

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

JavaScript

var mapajs = M.map({
	container:"map",
  controls: ["layerswitcher","mouse"],
  layers: ["OSM"],
  center: [209484,4374454],
  zoom:10
  });

//GeoJSON servido
let layerRuido = new M.layer.GeoJSON({name: "Plazas", url: "http://opendata.caceres.es/GetData/GetData?dataset=om:MedicionRuido&format=geojson&geojson=Point"});

 let style = new M.style.Heatmap('om_nivelRuido', {
      blur: 15,
      radius: 15,
      gradient: ['blue', 'cyan', 'green', 'yellow', 'orange', 'red'],
    });
    
layerRuido.setStyle(style);

mapajs.addLayers(layerRuido);