openlayers 3の別のdivの中にズームコントロールを配置する方法は？

Question

私はズームコントロールを配置したいol3-mapの上にdivを置いています。 ol2ではこれはかなり簡単でしたが、私はまだol3ではこのオプションが見つかりませんでした。

ここでol3に適用されたol2手法を使用した試みは失敗です。

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を見てみましょう！