OpenLayers 2.8 中NavToolbar中图标方向的配置

  OpenLayers 2.8 中NavToolbar中图标方向的配置 收藏

<script type="text/javascript"> document.body.oncopy = function() { if (window.clipboardData) { setTimeout(function() { var text = clipboardData.getData("text"); if (text && text.length > 300) { text = text + "/r/n/n本文来自CSDN博客，转载请标明出处：" + location.href; clipboardData.setData("text", text); } }, 100); } } </script>

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