MappingKat/app.js

## app.js
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 = 'http://www.nps.gov/npmap/npmap.js/2.0.0/npmap-bootstrap.min.js';
  document.body.appendChild(s);
})();

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title> Examples | NPMap.js</title>
    <link rel='stylesheet' href='style.css'>
  </head>
  <body>
    <div id='map' />
    <script src='app.js'></script>
  </body>
</html>

## style.css
body {
  margin: 0;
  padding: 0;
}
#map {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
	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 = 'http://www.nps.gov/npmap/npmap.js/2.0.0/npmap-bootstrap.min.js';
	document.body.appendChild(s);
	})();
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title> Examples \| NPMap.js</title>
	<link rel='stylesheet' href='style.css'>
	</head>
	<body>
	<div id='map' />
	<script src='app.js'></script>
	</body>
	</html>
	body {
	margin: 0;
	padding: 0;
	}
	#map {
	bottom: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}