34 - 編集ツールバー（Editing Toolbar） 1 - Editing Toolbar を設定

34-1 Editing Toolbar を設定する
OpenLayers の Development Examples の「Editing Toolbar Example（http://openlayers.org/dev/examples/editingtoolbar.html）」を参考に Editing Toolbar を設定してみます。
最初に、HTML ファイルを準備します。

a 「App Exploler」ペインの「ol009-nippon_bmi_akiruno_pgis.html」を右クリックし「コピー」をクリックします。

b 「App Exploler」ペイン上で右クリックし「貼り付け」をクリックします。

c 「名前の競合」ウィンドウで「ol015-nippon_bmi_akiruno_pgis.html」と入力し「OK」ボタンをクリックします。



d 「App Exploler」ペインの「ol015-nippon_bmi_akiruno_pgis.html」をダブルクリックして開きます。
 e 上記サイトを右クリックしてソースを表示します。
 f 次のように内容の一部をコピーして「ol015-nippon_bmi_akiruno_pgis.html」に貼り付け、修正します。
（29-2 で追加したところは削除します。）

---

<script type="text/javascript">
 var map, layer0, layer1, layer2, layer3, layer4, vectors; // "vectors" を追加
 function init(){

  layer0 = new OpenLayers.Layer.WMS( "Tokyo Height WMS",

---

  vectors = new OpenLayers.Layer.Vector("Vector Layer"); // 追加, "vlayer" を "vectors" に変更

// ここへ移動
  map = new OpenLayers.Map('map', {
   projection: new OpenLayers.Projection("EPSG:2451"),
   displayProjection: new OpenLayers.Projection("EPSG:4326"),
   maxResolution: 'auto',
   units: 'meters',
   maxExtent: new OpenLayers.Bounds(-63100,-34500,-45400,-24200),

// ここから追加
   controls: [
    new OpenLayers.Control.PanZoom(),
    new OpenLayers.Control.EditingToolbar(vectors), //  "vlayer" を "vectors" に変更
    new OpenLayers.Control.LayerSwitcher(),
    new OpenLayers.Control.MousePosition()
   ]
// ここまで
  });

  map.addLayers([layer0, layer3, layer1, layer2, layer4, vectors]); // "vectors" を追加

/* ここから削除
  map.addControl(new OpenLayers.Control.LayerSwitcher());
  map.addControl(new OpenLayers.Control.MousePosition());
   ここまで */
  map.zoomToMaxExtent();
 }
</script>

---