小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序中地图层级过高,会遮挡住其他内容
13 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
楼主如果不是一定要在同一个界面看地图的话,你可以另开个界面来放地图。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
map、canvas、video、textarea 是由客户端创建的原生组件,原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。 原生组件暂时还无法放在 scroll-view 上,也无法对原生组件设置 css 动画。
map
canvas
video
textarea
z-index
scroll-view
css
https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html 这里有最后一条有说
上下滑动?你放在scroll-view里面的吗?
上边那一条是底部弹框就是有价钱的那一栏,在上下滑的时候滑到地图地图会把它挡住
还是不行
😭
仍会遮挡底部弹框
不能超出地图部分的。cover-view不能超出父元素的
我给底部弹框加了定位和弹性盒布局还是不好使,咋办,求助
嗯,就这样就可以了,但是微信cover-view会有真机上面样式问题(定位加弹性盒布局同时作用),多注意就行
<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>
因为地图组件遮挡了我的底部弹框,我想让地图的层级低点,不会遮挡我的底部弹框
可以放在map里面,现在也可以放view里面,如果你只是想单纯的放在map上面建议放map里面,要不然会有别的坑
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
楼主如果不是一定要在同一个界面看地图的话,你可以另开个界面来放地图。
为什么 map 组件总是在最上层
map
、canvas
、video
、textarea
是由客户端创建的原生组件,原生组件的层级是最高的,所以页面中的其他组件无论设置z-index
为多少,都无法盖在原生组件上。 原生组件暂时还无法放在scroll-view
上,也无法对原生组件设置css
动画。https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html 这里有最后一条有说
上下滑动?你放在scroll-view里面的吗?
上边那一条是底部弹框就是有价钱的那一栏,在上下滑的时候滑到地图地图会把它挡住
还是不行
😭
仍会遮挡底部弹框
不能超出地图部分的。cover-view不能超出父元素的
我给底部弹框加了定位和弹性盒布局还是不好使,咋办,求助
嗯,就这样就可以了,但是微信cover-view会有真机上面样式问题(定位加弹性盒布局同时作用),多注意就行
<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>
因为地图组件遮挡了我的底部弹框,我想让地图的层级低点,不会遮挡我的底部弹框
可以放在map里面,现在也可以放view里面,如果你只是想单纯的放在map上面建议放map里面,要不然会有别的坑