OpenLayers 14 マップコントロール（Map Control）

パンやズームなどを操作するアイコンをマップコントロール（Map Control）というみたいです。

featur_style_unique.html の map.addControl をコメントアウトしてみます。

---
   map.addLayers([layer1, layer3, layer4, layer5, layer6, layer7, layer8]);
// map.addControl(new OpenLayers.Control.LayerSwitcher());
   map.zoomToMaxExtent();
}
⁢/script>
---

地図を表示すると、レイヤスイッチャー（Layer Switcher）が消えて、パン（Pan）とズーム（Zoom）が表示されています。



初期設定（デフォルト）では、パン（Pan）とズーム（Zoom）のみが表示されるようになっているようです。

map に "control: []" を次のように追加します。

---
⁢script type="text/javascript"gt;
   var map, layer1, layer3, layer4, layer5, layer6, layer7, layer8;
   function init(){
     OpenLayers.ProxyHost="/cgi-bin/proxy.cgi?url=";
     map = new OpenLayers.Map('map',  {
       controls: [], //追加
 maxResolution: 'auto',
---
   map.addLayers([layer1, layer3, layer4, layer5, layer6, layer7, layer8]);
// map.addControl(new OpenLayers.Control.LayerSwitcher());
   map.zoomToMaxExtent();
}
⁢/scriptgt;
---

パン（Pan）とズーム（Zoom）が消えます。



map の "control: []" を"controls: [new OpenLayers.Control.PanZoom()]"のように修正するとパン（Pan）とズーム（Zoom）が表示されます。

---
⁢script type="text/javascript"gt;
   var map, layer1, layer3, layer4, layer5, layer6, layer7, layer8;
   function init(){
     OpenLayers.ProxyHost="/cgi-bin/proxy.cgi?url=";
     map = new OpenLayers.Map('map',  {
       controls: [new OpenLayers.Control.PanZoom()], //修正
 maxResolution: 'auto',
---

マップコントロールの表示にはこのように２つの方法があるようです。
（OpenLayers.Map で設定する方法と map.addControl で設定する方法）