Mapbox-gl全屏隐藏组件在后面

问题描述 投票:0回答:2

我有一个使用mapbox gl的React组件...该组件返回几个我自己的React组件,这些组件通常在mapbbox-gl地图之上渲染。但是,当我使用全屏控件进入全屏模式时,所有这些组件都隐藏在 mapbox gl map 后面

fullscreen mapbox-gl-js
2个回答
0
投票

我认为问题在于内置的mapbox控件正在使用HTML5全屏api:

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

针对将特定元素放在最前面。我认为没有任何办法可以解决这个问题。我认为也许一个在包装容器上调用全屏的自定义控件,围绕您想要包含在全屏视图中的任何元素,这将是一个可行的方法 -


0
投票
mapInstance.addControl(new FullscreenControl({container: document.querySelector('body')}), "top-left");

输入链接

© www.soinside.com 2019 - 2024. All rights reserved.