小程序中地图层级过高，会遮挡住其他内容，大神么求解
发布于 6 年前 作者 tao44 16136 次浏览 来自 问答

小程序中地图层级过高，会遮挡住其他内容

10 回复

我给底部弹框加了定位和弹性盒布局还是不好使，咋办，求助

为什么 map 组件总是在最上层

map、canvas、video、textarea 是由客户端创建的原生组件，原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上。 原生组件暂时还无法放在 scroll-view 上，也无法对原生组件设置 css 动画。

https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html 这里有最后一条有说

<map id=“map” longitude="{{detail.lon}}" latitude="{{detail.lat}}" scale=“16” markers="{{markers}}" show-location style=‘width: 100%; height: 200px;’>

<cover-view></cover-view>

</map>

因为地图组件遮挡了我的底部弹框，我想让地图的层级低点，不会遮挡我的底部弹框

不能超出地图部分的。cover-view不能超出父元素的

上边那一条是底部弹框就是有价钱的那一栏，在上下滑的时候滑到地图地图会把它挡住

还是不行

😭

仍会遮挡底部弹框

上下滑动？你放在scroll-view里面的吗？

楼主如果不是一定要在同一个界面看地图的话，你可以另开个界面来放地图。

嗯，就这样就可以了，但是微信cover-view会有真机上面样式问题（定位加弹性盒布局同时作用），多注意就行

可以放在map里面，现在也可以放view里面，如果你只是想单纯的放在map上面建议放map里面，要不然会有别的坑

回到顶部