如何觸發OpenLayers 3全屏事件？

Question

我試圖觸發我的OpenLayers 3地圖，使其在代碼內變為全屏顯示，但運氣不佳。

我有一些類似的東西：

var fullScreenControl = new ol.control.FullScreen()

// Create map in between using fullScreenControl

fullScreenControl.changed();

該代碼什么也沒有完成。 我嘗試了fullScreenControl.dispatchEvent（'change'）; 也沒有運氣。 我猜這不太棘手，但是所有其他問題似乎都圍繞着檢測事件而不是觸發事件。

Answer 1

ol3使用“ HTML5”全屏API在全屏模式下切換地圖。 我不確定您要完成什么，但是有多種方法可以切換全屏。

這是一個純js方法，可在全屏模式下設置地圖：

function setMapToFullScreen(){
  //if your map element id is other than 'map' change it here
        var elem = document.getElementById('map');
        if (elem.requestFullscreen) {
          elem.requestFullscreen();
        } else if (elem.msRequestFullscreen) {
          elem.msRequestFullscreen();
        } else if (elem.mozRequestFullScreen) {
          elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullscreen) {
          elem.webkitRequestFullscreen();
        }   
}

這是一個擺弄的小玩意兒 。

如果您打算在地圖外部的DOM元素中附加全屏功能，則可以在全屏初始化期間始終使用target選項。 如果您只是想以編程方式進行操作，請使用上面的功能。 這取決於您要實現的目標。