css - OpenLayers 3-在 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？

最佳答案

应该管用。查看此fiddle中的操作

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

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