Crater Lake National Park

NPMap

Digital maps for the National Park Service

Zoomify Layer

This example shows how you can easily add a Zoomify layer to an NPMap web map. Zoomify layers are a special type of tile layer that only supports display.

 

Related resources:

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: [{
          height: 5180,
          type: 'Zoomify',
          url: 'http://www.nps.gov/npmap/support/library/examples/data/kefj/img/',
          visible: true,
          width: 5169
        }],
        center: {
          lat: 0.3193359375,
          lng: 0.3251953125
        },
        div: 'example-map',
        tools: {
          fullscreen: true
        },
        zoom: 1,
        zoomRange: {
          max: 5,
          min: 1
        }
      };
      
      (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>