OpenLayers で東京都の地図表示 5b penLayers に東京都の公共施設を追加2

「OpenLayers 7units metersのWMS」を参考に 確認のため OpenLayers で東京都の国土数値地図を表示します。


Eclipse を起動して Example フォルダ内の tokyo_bmi_pgis_img.html をコピーして tokyo_pf_pgis.html ファイルを作成します。
0 tokyo_bmi_pgis_img.htmlをダブルクリックして開きます。
1 プロジェクトビューのopenlayersTokyoprojフォルダを右クリックして、新規->HTMLファイルをクリックします。
2 HTMLファイルウィンドウでファイル名をtokyo_pf_pgis.htmlと入力し、完了ボタンをクリックします。
3 エディタのタブをエディタビュー内の下へドラッグすると2段になってみやすくなります。
4 charsetをUTF-8にして、<title>をTokyo Public Facilities Pgis Mapにします。
5 tokyo_bmi_pgis_img.html の内容ををコピーしてtokyo_pf_pgis.html ファイルに貼り付けます。
6 javascriptの一部を次のように修正します。
style.cssとOpenLayers.jsのパスを変えます。
緯度、経度、倍率の宣言をします。
OpenLayers.Map のオプションを削除します。

---
<link rel="stylesheet" href="./theme/default/style.css" type="text/css" />
<link rel="stylesheet" href="./examples/style.css" type="text/css" /><!-- ここを追加 -->
<script src="./lib/OpenLayers.js"></script>
<script type="text/javascript">
 var lon = 139.5;
 var lat = 35.7;
 var zoom = 9;
 var map, layer1, layer2;
 function init(){
  map = new OpenLayers.Map('map');

  layer1 = new OpenLayers.Layer.WMS( "Tokyo Gyoseikai mlit WMS",
   "http://localhost/cgi-bin/mapserv?",
   {
    map: '/home/nob61/mapfile/tokyo_pf_pgis.map',
    layers: 'gyoseikai',
    format: 'image/png'
   });

  layer2 = new OpenLayers.Layer.WMS( "Tokyo Public Facilities WMS",
   "http://localhost/cgi-bin/mapserv?",
   {
    map: '/home/nob61/mapfile/tokyo_pf_pgis.map',
    layers: 'pf_tokyo',
    transparent: true,
    format: 'image/png'
   });

  map.addLayers([layer1, layer2]);
  map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
  map.addControl(new OpenLayers.Control.LayerSwitcher());
 }
</script>
---

地図を拡大するため、コントロールパネルの "+" を５回クリックすると、公共施設の位置が表示されました。

表示された地図の投影法は正距円筒図法で、縦方向が少しつぶれたようになっています。