我有一个使用mapbox gl的React组件...该组件返回几个我自己的React组件,这些组件通常在mapbbox-gl地图之上渲染。但是,当我使用全屏控件进入全屏模式时,所有这些组件都隐藏在 mapbox gl map 后面
我认为问题在于内置的mapbox控件正在使用HTML5全屏api:
https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API
针对将特定元素放在最前面。我认为没有任何办法可以解决这个问题。我认为也许一个在包装容器上调用全屏的自定义控件,围绕您想要包含在全屏视图中的任何元素,这将是一个可行的方法 -
mapInstance.addControl(new FullscreenControl({container: document.querySelector('body')}), "top-left");