openlayers/examples/wfs-states.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>WFS: United States (GeoServer)</title>
   6     <script src="../lib/OpenLayers.js"></script>
   7     <script type="text/javascript">
   8         var map, layer;
   9
  10         function init(){
  11             OpenLayers.ProxyHost="proxy.cgi?url=";
  12             map = new OpenLayers.Map('map', {controls: [ new OpenLayers.Control.PanZoom(), new OpenLayers.Control.Permalink(), new OpenLayers.Control.MouseDefaults() ]} );
  13             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
  14                     "http://labs.metacarta.com/wms-c/Basic.py",
  15                     {layers: 'basic'} );
  16             map.addLayer(layer);
  17
  18             layer = new OpenLayers.Layer.WFS( "States WFS",
  19                     "http://sigma.openplans.org/geoserver/ows",
  20                     { typename: 'topp:states' } );
  21             map.addLayer(layer);
  22
  23             map.zoomToExtent(new OpenLayers.Bounds(-140.444336,25.115234,-44.438477,50.580078));
  24         }
  25     </script>
  26   </head>
  27   <body onload="init()">
  28 <h1 id="title">WFS United States (GeoServer) Example</h1>
  29
  30 <div id="tags">
  31 </div>
  32
  33 <p id="shortdesc">
  34     Shows the use of the WFS United States (GeoServer)
  35 </p>
  36
  37 <div id="map" class="smallmap"></div>
  38
  39 <div id="docs"></div>
  40   </body>
  41 </html>
  42
  43
  44
  45 </div>