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問題，但我怎麼配置的CSS格 「scaleline」？

Answer 1

應該工作。看到在這個行動fiddle

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

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