javascript - 谷歌地图全屏按钮不工作(非谷歌地图应用程序)

Question

如下图所示,旁边的"+"图标是全屏按钮.

单击它时,它不会全屏显示.

我尝试了基本的jQuery:

 $("#fullScreen-btn").css({height: 100%, width: 100%});

这似乎不起作用.

我需要它像我们在浏览器上按F11一样工作,它必须在移动设备上全屏(不是谷歌地图应用程序)

有人可以帮我从这里出去吗 ？

Answer 1

为了使全屏模式下的移动浏览器可见,您应该使用 requestFullscreen()

在加载时按钮动态添加事件监听器

button.addEventListener("click",function(){
      document.body.requestFullscreen();
});

要么

button.addEventListener("click",function(){
         document.documentElement.requestFullscreen();
});

适用于Android的Chrome.

此外,许多计算机浏览器也具备此功能.

阅读有关MDN的更多信息