javascript - Openlayers - 将缩放文本移动到 DIV

Question

在我的 Openlayers map 中，我试图将比例文本 (OpenLayers.Control.Scale) 移动到 map 外的 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 元素 ID 作为不带大括号的字符串。如果你想添加测地线属性，你可以这样写:

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

我也为此苦苦挣扎，但有时仍然认为将参数放入构造函数的方式很奇怪 :D