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