地图控制之外的地图控制 - 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