如何触发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选项。 如果您只是想以编程方式进行操作，请使用上面的功能。 这取决于您要实现的目标。