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の "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]) 
})