OpenLayers 2.8 中NavToolbar中圖標方向的配置

  OpenLayers 2.8 中NavToolbar中圖標方向的配置 收藏

在OpenLayers 2.8之前，MouseToolbar是被NavToolbar替帶，在原來MouseToolbar中原來是有一個參數：

direction:"vertical"

用來指示工具條上排列圖標的方向，是橫排還是豎排。

但是在NavToolbar中沒有該參數了，那應該如何控制圖標的方向呢？

可以參考：http://openlayers.org/pipermail/users/2007-April/001494.html

具體就是：

*在頁面上增加<link rel>

*設置theme爲null

在頁面的stylesheet定義後增加CSS定義：

.olControlNavToolbar {


  top: 300px;


  left: 6px;


  width: 150px;


  height: 30px;


}


.olControlNavToolbar div {


  width:  28px;


  height: 28px;


  position: relative;


  float:left


}




這將把NavToolbar改爲左右方向。也可以通過改變top/left值來改變在頁面上的位置。