OpenLayers 3 - Skalierungslinie außerhalb der Karte hinzufügen

Question

Wie füge ich eine Skalierung außerhalb des Kartenbereichs hinzu?
Mein HTML:

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

und Javascript-Code für das Hinzufügen von Scaleline:

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

Es klingt ein CSS-Problem, aber wie konfiguriere ich CSS für div "Scaleline"?

Answer 1

Sollte funktionieren. Sehen Sie in Aktion in diesem fiddle

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

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