OpenLayers 3 - 从地图中添加比例线

Question

如何在地图区域外添加缩放线？ 我的HTML：

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

和用于添加scaleline的javascript代码：

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

这听起来像一个CSS问题，但我如何为div＆＃34; scaleline＆＃34;配置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])
})