微信小程序地图组件z索引分层问题分析

前言

说起微信小程序的地图组件，可以说是良心之作。一个组件解决了所有访问地图的麻烦，但在实际小程序的试用过程中仍然存在一些问题。

以下情况：

刚开始访问地图组件的时候，在微信开发工具的模拟器上预览过。似乎没有问题，如下图所示：

但是在手机上模拟就尴尬了。地图挡住了我底部的按钮。我该怎么办？第一，我上百度很久了。别人写的博客说小程序的地图组件是最高级别的，这个处理不了；然后我觉得很酷。我不知道该怎么办。我必须自己写一张新地图吗？感觉不切实际，就问了一些最近在写小程序的朋友，有说没写过的，知道有人谈到了视图容器cover-view。官方解释是这样的：

封面视图

支持基础库1.4.0，低版本需要兼容。

覆盖在本地组件上的文本视图，包括地图、视频、画布、相机、实况播放器、实况推送器，仅支持嵌套封面视图和封面图像，并且可以在封面视图中使用按钮。

结果，我试了试这个封面图。

Cover-view class=' bottom-BTN ' Cover-view class=' bot-BTN服务' Cover-view class=' contact-BTN ' open-type=' contact '客服/cover-view/Cover-view Cover-view class=' bot-BTN订单' bind tap=' to order' book立即/Cover-view/Cover-view解决了这个问题，没有失去任何希望，而且充满了欢乐！

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。