Openlayers - 将缩放文本移动到DIV

Question

在我的Openlayers地图中，我正在尝试将缩放文本（OpenLayers.Control.Scale）移动到地图外的div，但它无法正常工作。我可以让鼠标控制工作但不是Scale。

使用Javascript：

map.addControl(
new OpenLayers.Control.Scale({
        div: scale
    })
);

HTML：

<div id="statusbar">
        <div id="coords" class="innerstatusbar"></div>
        <div id="scale" class="innerstatusbar"></div>
        <div id="output" class="innerstatusbar"></div>
        <div id="blank" class="outerstatusbar"></div>
        <div id="something" class="innerstatusbar">Something</div>
    </div>  

Answer 1

尝试

map.addControl(
new OpenLayers.Control.Scale(
        'scale'
    )
);

它将DOM-Elements ID作为不带花括号的字符串。如果你想添加geodesic属性，你可以这样写：

map.addControl(
new OpenLayers.Control.Scale(
        'scale',
        {geodesic: true}
    )
);

我一直在努力，并且仍然认为参数如何放入构造函数中有时候很奇怪：D