Multiple Maps

<style>
#map {
  height: 350px;
  position: relative;
  width: 100%;
}
#map-1,
#map-2 {
  height: 300px;
  position: relative;
}
#map-2 {
  margin-top: 5px;
}

</style>
<div id="map-1"></div>
<div id="map-2"></div>

<script>
var NPMap = [{
  div: 'map-1',
  scrollWheelZoom: false
}, {
  div: 'map-2',
  scrollWheelZoom: false
}];

(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>