我吃西红柿丶
我吃西红柿丶
  • 发布:2021-04-22 16:20
  • 更新:2024-07-25 08:56
  • 阅读:3460

关于uni-app地图组件上显示其他内容(如列表)

分类:uni-app

问题:

app端使用map组件,全屏显示地图,要在地图上展示一个列表数据,通过给列表设置position: absolute;发现列表始终在地图下面,z-index设置多少都无效

原因:

小程序和app-vue中,<map> 组件是由引擎创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。也就是当时在用浏览器调试的时候发现是没问题的,真机运行就出问题。

解决:

  • cover-view:<cover-view>组件:缺点:不支持嵌套其它组件,包括再次嵌套cover-view.
  • nvue:App端vue页面 cover-view、cover-image 中不支持嵌套其它组件,包括再次嵌套cover-view,仅可覆盖video、map。App端nvue页面自2.1.5起没有这些限制。

参考链接

map组件(拉到最下面:注意事项):map组件
cover-view组件:cover-view

总结

官方文档关于这些都有详情的介绍,多看文档

0 关注 分享

要回复文章请先登录注册

Dsanys

Dsanys

原来是需要cover-view 组件 难怪我的controls 配置怎么都不显示
2024-07-25 08:56
善妒的蝎子

善妒的蝎子

所以怎么显示你也没讲
2021-11-18 14:52