<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <style type="text/css">
        #map {
         width: 800px;
            height: 500px;
            border: 1px solid black;
        }
    </style>
    <script src="OpenLayers.js"></script>
    <script type="text/javascript">
        var lon = 139.7245;
        var lat = 35.6816;
        var zoom = 11;
        var map, layer;

        function init(){
            map = new OpenLayers.Map( 'map' );

            g1000ke = new OpenLayers.Layer.WMS( "Geological map 1,000k (Japan)",
                     "http://geodata1.geogrid.org/mapserv/g1000k/g1000ke",
                     {layers: 'g1000ke'} );
            map.addLayer(g1000ke);

            localWMS = new OpenLayers.Layer.WMS( "Local WMS layers",
			          "http://127.0.0.1/cgi-bin/mapserv.exe?MAP=@osgeo4w@/apps/mapserver-tutorial/example12/example.map",
			          {layers: 'mapserver_tutorial_wms_server', transparent: true}, {isBaseLayer: false} );
            map.addLayer(localWMS);

            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
            map.addControl( new OpenLayers.Control.LayerSwitcher() );
        }
    </script>
  </head>
  <body onload="init()">
    <h1 id="title">OpenLayers Example</h1>

    <div id="tags">
    </div>
    <p id="shortdesc">
        Shows the basic use of OpenLayers with our local WMS layers and a GeoGrid WMS layer.
    </p>

    <div id="map" class="smallmap"></div>

    <div id="docs">
        OpenLayers is a JavaScript file (OpenLayers.js) that can be easily included in any HTML file.<br>Click on the source
        below to see the very few lines required to add these 2 WMS servers into the map.<br>
          <a href="/mapserver-tutorial/example14/openlayers_source.html">- (source) -</a>  
          <a href="/mapserver-tutorial/index.html">- (back) -</a>
    </div>
  </body>
</html>
- 戻る (back) -