在地图之外的地图控件而不是内部 - OpenLayers 3

Question

自从我开始使用OpenLayers开始冒险以来，我在地图之外设置了地图控件，尽管我做了什么，仍然无法启用它们。 我检查了一些例子并且做不到。我看到很多人都希望在地图之外获得这些控件，但我从来没有使用它们。

Answer 1

有可能。只需将控件添加到外部div

即可

<强> HTML

  <div id="map" class="map"></div>
  <div id="contrls" style="position:absolute"></div>

<强> JS

var ctrl = new ol.control.Zoom({
  target: document.querySelector('#contrls')
});
map.addControl(ctrl);

<强> DEMO

Answer 2

可能为时已晚，但可能会帮助其他人。 请像这样导入 ol CSS：

import 'ol/ol.css';