如何將放大控制放置在openlayers 3的另一個div中？

Question

我有一個div放在ol3-map上，我想放置我的縮放控件。在ol2中這很容易做到，但我還沒有在ol3中找到這個選項。

下面是使用ol2方法的一個不成功的嘗試，應用於ol3。

map = new ol.Map({ 
    layers: [bingMapsRoad, layerBiomass], 
    target: 'map', 
    view: new ol.View({ 
    projection: 'EPSG:4326', 
    center: [1,16.7], 
    zoom: 8 
    }), 
    controls: ([]) //initialize without controls 
}); 

var external_control = new ol.control.Zoom({ 
    div: document.getElementById('external_control') }); 
map.addControl(external_control); 

不幸的是，這段代碼導致縮放控件仍然放在地圖上，而不是在div內。

Answer 1

容易爲：

var external_control = new ol.control.Zoom({ 
    target: document.getElementById('external_control') }); 
map.addControl(external_control); 

只要看一看the docs！