css - OpenLayers 3 - 在 map 外添加比例线

Question

如何在 map 区域外添加比例线？
我的 HTML:

<div id="map"></div>
<div id="scaleline"></div>

和添加比例线的javascript代码:

var scale = new ol.control.ScaleLine({
    target: document.getElementById("scaleline")
});
map.addControl(scale);

这听起来是一个 CSS 问题，但我该如何为 div“scaleline”配置 css？

Answer 1

应该可以。请参阅此 fiddle 中的实际操作

var scaleLineControl = new ol.control.ScaleLine({
  target: document.getElementById('scaleline')   
});

var map = new ol.Map({
  controls: ol.control.defaults().extend([scaleLineControl])
})