[OSGeoJapan-discuss] OSGeo4W のMapServer tutorialの例題17のWFS表示

奈良崎 優 mnara-260116 @ kamakuranet.ne.jp
2012年 3月 30日 (金) 01:03:54 EDT


皆様
いつもお世話になっております。奈良崎です。
OSGeo4W のMapServer tutorialの例題17(帝塚山大学さんのMapServerのTutorialではなく、
その後のOSGeo4W でダウンロードできるTutorialです。)
は動きましたのでWFSサーバはOKとして、
これをOpenlayersで表示できないかと考えました。すなわち、WMSでは例題12のWMSサーバを
例題14のOpenLayerで表示しているので、このWFS版を作ろうとしました。
しかし、OpenlayerのHTMLを起動したのですが、
何も表示されません。HTMLのエラーを指摘いただけないでしょうか?
HTMLファイルの変更点は、
new OpenLayers.Layer.WMSのWMS−−>Vector
にしただけです。
以下に、mapfileとhtmlファイルを示します。
よろしくお願いします。
(1)MAPファイル(例題17でcontinents Layer を削除しただけ)
MAP
  NAME        "mapserver_tutorial_wfs_client"
  IMAGETYPE   PNG
  EXTENT      139.562947 35.524705 139.917821 35.817635
  SIZE        550 450

  IMAGECOLOR  255 255 255
  SHAPEPATH   "../data"

  FONTSET     ../fonts/fonts.txt

  UNITS dd

  WEB
    TEMPLATE  'example_template.html'
    IMAGEPATH "C:\OSGeo4W/tmp/ms_tmp/"
    IMAGEURL "/ms_tmp/"
  END

  PROJECTION
    "init=epsg:4301"
  END


  LAYER
    NAME "roads"
    DATA dourokukan
    STATUS OFF
    TYPE LINE
    MAXSCALEDENOM 50000
    CLASS
      NAME "roads"
      STYLE
        COLOR 187 187 127
      END
    END
  END

  LAYER
    NAME "administrative"
    DATA gyouseikai
    STATUS OFF
    TYPE LINE
    CLASS
      NAME "Administrative"
      STYLE
        COLOR 227 127 227
      END
    END
  END

  LAYER
    NAME "rail"
    DATA tetsudokukan
    STATUS OFF
    TYPE LINE
    CLASS
      NAME "Rail"
      STYLE
        COLOR 128 128 128
      END
    END
  END

  LAYER
    NAME "rivers"
    DATA kasenkukan
    STATUS OFF
    TYPE LINE
    CLASS
      NAME "Rivers"
      STYLE
        COLOR 0 255 255
      END
    END
  END

  LAYER
    NAME "water"
    DATA suiikikai
    STATUS OFF
    TYPE LINE
    CLASS
      NAME "water"
      STYLE
        COLOR 0 0 255
      END
    END
  END

END

(2)HTMLファイル
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; 
charset=ISO-8859-1"/>
    <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' );


            localWMS = new OpenLayers.Layer.Vector( "Local WFS layers",
             "http://127.0.0.1/cgi-bin/mapserv.exe?MAP=C:/OSGeo4W/apps/mapserver-tutorial/example17/example.map",
             {layers: 'mapserver_tutorial_wfs_client', transparent: true}, 
{isBaseLayer: true} );
            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 few lines required to add these 2 WMS servers into 
the map.<br>
          <br>
          <hr noshade width="40%" size="1" align="left">
          <a href="/mapserver-tutorial/example14/openlayers_source.html">- 
(source) -</a>&nbsp;&nbsp;
          <a href="/mapserver-tutorial/index.html">- (back) -</a>
    </div>
  </body>
</html>



-------------- next part --------------
HTML¤ÎźÉÕ¥Õ¥¡¥¤¥ë¤¬½üµî¤µ¤ì¤Þ¤·¤¿.
URL: http://lists.osgeo.org/pipermail/osgeojapan-discuss/attachments/20120330/b7417287/attachment-0001.html


OSGeoJapan-discuss メーリングリストの案内