OpenLayers 3 - 在地图外添加比例线

Question

如何在地图区域外添加比例线？
我的 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])
})

OpenLayers 3 - 在地图外添加比例线

OpenLayers 3 - Add scale line out of map

css

openlayers-3