Skip navigation

Displaying Notifications

<style>
#map {
  height: 350px;
  position: relative;
  width: 100%;
}

</style>
<div id="map"></div>

<script>
var NPMap = {
  div: 'map',
  hooks: {
    init: function (callback) {
      NPMap.config.L.notify
        .success('Good Job!')
        .info('Some helpful information.')
        .warning('Something may go wrong.')
        .danger('Danger!');
      callback();
    }
  }
};

(function () {
  var s = document.createElement('script');
  s.src = 'https://www.nps.gov/lib/npmap.js/4.0.0/npmap-bootstrap.js';
  document.body.appendChild(s);
})();

</script>