天地图的组件被地图覆盖

[Benjamin369]

问题描述

使用天地图渲染，页面上显示的各种Layer会被渲染的地图非覆盖，官方的示例就有这个问题

重现链接

https://l7.antv.antgroup.com/examples/map/map/#tianditu

重现步骤

直接打开，在未渲染完地图的时候可以显示PointLayer，但地图一旦渲染完，PointLayer就会被覆盖了

预期行为

未渲染完成的页面

渲染完成后的页面

渲染完后，页面原先的PointLayer不见了

平台

• 操作系统: [Windows]
• 网页浏览器: [Google Chrome 147.0.7727.56， Microsoft Edge 147.0.3912.86 ，多种浏览器均有此问题]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

[Benjamin369]

改用高德渲染后页面的PointLayer可以正常渲染

[Benjamin369]

应该是.tdt-pane中设置的position: absolute;导致渲染的#tdt-L7的div继承了position: absolute;，将#tdt-L7的css添加position: relative;就能恢复正常，当前情况下可以添加:deep(.tdt-pane > div){ position: relative!important;}或者:deep(#tdt-L7){ position: relative!important; }可以临时解决这个问题。不过还是建议官方处理这个问题。

[lzxue]

此问题已修复，详见 PR #2856。问题原因是 .tdt-pane 设置了 position: absolute，导致 #tdt-L7 容器继承了定位属性。解决方案是为 #tdt-L7 添加 position: relative。

[Benjamin369]

这个bug什么时候能同步到正式版本里面啊