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