Mapbox GL JS：仅限Chrome中的全屏和GPS按钮问题

Question

我正在使用Mapbox进行天气可视化项目（3个窗格被锁定在一起，一个用于导航，在您看到链接之前很难解释。）

在我继续之前，我会发布一个链接到我在这里讨论的网络应用程序，所以你可以看到它。我的代码是MESS，我知道这一点，但我相信这是一个浏览器问题。

http://ability.a2hosted.com/main.html

在Edge和Firefox中，全屏和导航按钮工作正常。在Chrome中，它们不起作用...全屏按钮会让浏览器卡住，直到您按下转义（并且无论如何都无法正常渲染！）。事实上，Chrome甚至根本不显示导航按钮。

有没有办法让这些按钮显示和功能，就像在Firefox和边缘一样？或者，也许是另一个按钮？我附上了页面应该如何显示的截图。

我应该注意，我可以没有全屏按钮，但我需要导航按钮选项才能使用chrome。这对我的项目来说确实是必须的，所以即使有另一个链接或按钮，我可以放置它以某种方式激活它，只要它有效就可以了。我不善于与JS一起了解在经过2个小时的研究后可能导致这个问题的原因。

Answer 1

来自https://www.mapbox.com/mapbox-gl-js/api/#geolocatecontrol：

并非所有浏览器都支持地理位置，并且某些用户可能会禁用该功能。对包括Chrome在内的现代浏览器的地理位置支持要求通过HTTPS提供网站。如果地理定位支持不可用，则GeolocateControl将不可见。