openlayers/examples/kamap.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2   <head>
   3     <title>OpenLayers KaMap Example</title>
   4     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
   5     <link rel="stylesheet" href="style.css" type="text/css" />
   6     <script src="../lib/OpenLayers.js"></script>
   7     <script type="text/javascript">
   8         var map;
   9         function init(){
  10             map = new OpenLayers.Map('map');
  11
  12             var jpl_wms = new OpenLayers.Layer.KaMap( "Satellite",
  13                     "http://www.openlayers.org/world/index.php", {g: "satellite", map: "world"});
  14             var dm_wms = new OpenLayers.Layer.WMS( "Canada",
  15                 "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
  16                 {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
  17                          "prov_bound,fedlimit,rail,road,popplace",
  18                  transparent: "true", format: "image/png" });
  19
  20             map.addLayers([jpl_wms, dm_wms]);
  21             map.addControl(new OpenLayers.Control.LayerSwitcher());
  22             map.zoomToMaxExtent();
  23         }
  24     </script>
  25   </head>
  26   <body onload="init()">
  27     <h1 id="title">KaMap Example</h1>
  28
  29     <div id="tags"></div>
  30
  31     <p id="shortdesc">
  32         Demonstrate a tiled kamap layer as the base map, which can be pre-cached for higher performance.
  33     </p>
  34
  35     <div id="map" class="smallmap"></div>
  36
  37     <div id="docs"></div>
  38   </body>
  39 </html>