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值来改变在页面上的位置。