• Crater Lake National Park

    NPMap

    Web maps for the National Park Service

Base Layers

This example shows some of the different base layers you can bring into NPMap. It also demonstrates the base layer switcher control.

 

Click on a thumbnail to switch base layers in the map and code previews below:

Map

Code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <div id="example-map" style="height:500px;position:absolute;width:500px;">
    </div>
    <script>
      var NPMap = NPMap || {};
      
      NPMap.config = {
        api: 'bing',
        baseLayers: [{
          type: 'Aerial'
        },{
          type: 'Blank'
        },{
          type: 'Hybrid'
        },{
          type: 'Streets'
        },{
          type: 'Terrain'
        }],
        div: 'example-map'
      };
      
      (function() {
        var s = document.createElement('script');
        s.src = 'http://www.nps.gov/npmap/1.0.0/bootstrap.js';
        document.body.appendChild(s);
      })();
    </script>
  </body>
</html>