openlayers/examples/navtoolbar.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2   <head>
   3     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
   4     <link rel="stylesheet" href="style.css" type="text/css" />
   5     <title>NavToolbar Demo</title>
   6     <style type='text/css'>
   7         #map {
   8             height: 512px;
   9         }
  10     </style>
  11     <script src="../lib/OpenLayers.js"></script>
  12     <script type="text/javascript">
  13         var lon = 5;
  14         var lat = 40;
  15         var zoom = 5;
  16         var map, layer;
  17
  18         function init() {
  19             map = new OpenLayers.Map( 'map', { controls: [new OpenLayers.Control.PanZoom()] } );
  20             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
  21                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
  22             map.addLayer(layer);
  23
  24             var panel = new OpenLayers.Control.NavToolbar();
  25             map.addControl(panel);
  26
  27             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
  28         }
  29     </script>
  30   </head>
  31   <body onload="init()">
  32     <h3 id="title">NavToolbar Demo</h3>
  33     <p id="shortdesc">
  34        Demo the NavToolbar, a subclass of Control.Panel which shows icons for
  35        navigation.
  36     </p>
  37     <div id="map" class="smallmap"></div>
  38   </body>
  39 </html>