MappingKat/app.js

## app.js
var NPMap = [{
        div: 'map-1',
        scrollWheelZoom: false
      },{
        div: 'map-2',
        scrollWheelZoom: false
      }];

      (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>Multiple Maps | Examples | NPMap.js</title>
    <link rel='stylesheet' href="style.css">
  </head>
  <body>
    <div id="map-1"></div>
    <div id="map-2"></div>
    <script src="app.js"></script>
  </body>
</html>

## style.css
#map-1, #map-2 {
  height: 300px;
  width: 300px;
  position: relative;
  float:left;
  padding: 20px 10px;
}
	var NPMap = [{
	div: 'map-1',
	scrollWheelZoom: false
	},{
	div: 'map-2',
	scrollWheelZoom: false
	}];

	(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>Multiple Maps \| Examples \| NPMap.js</title>
	<link rel='stylesheet' href="style.css">
	</head>
	<body>
	<div id="map-1"></div>
	<div id="map-2"></div>
	<script src="app.js"></script>
	</body>
	</html>
	#map-1, #map-2 {
	height: 300px;
	width: 300px;
	position: relative;
	float:left;
	padding: 20px 10px;
	}