Nlmaps met weggeluidsdata 2016

Voorbeeld van een extra laag in nlmaps

by jlsheep

HTML

<div id="nlmaps-holder">

</div>
Legenda: 
<div>
<img src="https://geodata.nationaalgeoregister.nl/rwsgeluidskaarten/ows?service=WMS&request=GetLegendGraphic&format=image%2Fpng&width=20&height=20&layer=rwsgeluidskaarten%3ALden_2011&style=lden2011" alt="Legenda">

</div>

<link rel="stylesheet" href="https://openlayers.org/en/v4.1.0/css/ol.css">
<script src="https://openlayers.org/en/v4.1.0/build/ol.js"></script>
<script src="https://rawgit.com/kadaster/nlmaps/master/dist/nlmaps.iife.js"></script>
<script>
  var nlMapsHolder = document.getElementById('nlmaps-holder');
  nlMapsHolder.style.height = '300px'; // Change to required height

  var opts = {
    style: 'standaard',
    target: 'nlmaps-holder',
    center: {
      longitude: 6.242276,
      latitude: 52.253649
    },
    overlay: 'false',
    marker: false,
    search: true,
    zoom: 6
  };
  var map = nlmaps.createMap(opts);

  const endpoint = {
    url: 'https://geodata.nationaalgeoregister.nl/rwsgeluidskaarten/wms?',
    layerName: 'Lden_2016',
    styleName: 'rwsgeluidskaarten:lden2016'
  };
  const overlay = nlmaps.openlayers.overlayLayer('Lden_2016', endpoint);
  map.addLayer(overlay);

</script>