Javascript 如何使用mapbox gl FullscreenButton扩展类

我想包装标准mapbox gl FullScreen按钮，请参见，以添加以下功能：

需要单击应添加到button类中，以避免快速单击错误

不只是让mapcontainer全屏显示，按钮 应该使整个文档页面全屏显示（其他div也是如此 等等）

我尝试了以下方法：。不知何故，在代码运行和地图显示之前，您必须首先在ES6/Babel窗口中点击return

我遇到的问题：

“onAdd”方法以某种方式触发此错误：

TypeError:未能在“节点”上执行“appendChild”：参数1为 不是“节点”类型。 在e.addControl（）处 在jekuwak.js:69:5“

二,。 当1被解决时（我通过Chrome Devtools添加需求点击来解决问题），将触发

this.\u mapContainer.webkitRequestFullscreen（）

我需要做哪些更改才能获得完整的页面全屏，而不仅仅是mapcontainer？

对于#1:

对于#2：

---

FullscreenControl

不能以这种方式扩展–它被设计为在地图画布上操作和更改，这可能比从头开始编写想要的功能更麻烦。如果要使整个

窗口

全屏显示，我建议您独立于mapboxgl实现全屏功能。如果您希望能够使用mapboxgl提供的图标，您可以将适当的CSS类添加到您创建的元素中。

@sgelb因为这与您之前回答的我的一个问题非常相似，您可能想看看这个问题？！谢谢！人们不会得到关于@的通知，除非他们参与了这个帖子。我明白了…，这很遗憾。

const fs = new mapboxgl.FullscreenControl();
map.addControl(fs)
fs._fullscreenButton.classList.add('needsclick');