Question

我正在使用OpenLayers 3（3.13.0）和jQuery UI（1.11.4）。

所有jQuery组件（对话框，工具提示，自动填充）在使用OpenLayers全屏控件启动的全屏模式下无法在Chrome和Firefox中运行。

然后我按照这个例子：Displaying elements other than fullscreen element (HTML5 fullscreen API)

此解决方案实际上适用于Chrome，但不适用于Firefox。

另外我注意到，进入全屏模式，使用Firefox本身的全屏并不会导致任何问题，因此我认为它与OpenLayers控件有关。你知道为什么吗？

编辑：

你能告诉我怎么做吗？

new ol.control.FullScreen({
  source: document.getElementById('map'),                    
          document.getElementsByClassName("ui-autocomplete"), 
          document.getElementsByClassName("ui-dialog"), 
          document.getElementsByClassName("ui-tooltip")
})

没用。

我正在尝试添加类，因为使用这些功能的div已经在map div中。

编辑2：

好的，我注意到类没有被添加到map div中，所以我给了body一个id，并使用了内部源代码，它运行了！

new ol.control.FullScreen({
  source: document.querySelector("#body")
})

OpenLayers 3 - 全屏控制 - Firefox

0 个答案: