如何将缩放控件放置在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);

看看文档吧！