微信小程序map组件z-index的层级问题

提及微信小程序的map组件，能够说是良心之做了，一个组件解决了因此接入地图的全部麻烦，
可是在实际小程序的试用过程当中仍是存在点问题的。
以下情景：
刚开始接入map组件的时候是在微信开发工具的模拟器上预览的，看起来没有一点问题，以下图：

可是在手机上真机模拟的时候就比较尴尬了，地图挡住了我底部的按钮，这个要怎么办呢？先是在百度上百度了很久，
别人家写的博客都说，小程序的map组件是层级最高的,这个没办法处理; 而后就以为凉凉了，不知道要怎么办了，
难道要本身从新写个地图吗？感受又不太现实，因而就问了最近在写小程序的几个朋友，有的说没写过，
知道有我的说到cover-view这个视图容器。官方给出的解释是这样子的：
cover-view
基础库 1.4.0 开始支持，低版本需作兼容处理。

覆盖在原生组件之上的文本视图，可覆盖的原生组件包括map、video、canvas、camera、live-player、live-pusher，只支持嵌套cover-view、cover-image，可在cover-view中使用button。

结果就怀着试试看的心情，试了一下这个cover-view，

<cover-view class='bottom-btn'>
        <cover-view class='bot-btn service'>
            <cover-view class='contact-btn' open-type='contact'>
                咨询客服
            </cover-view>
        </cover-view>
        <cover-view class='bot-btn order' bindtap='toOrder'>
            当即预约
        </cover-view>
    </cover-view>

果真不失众望的解决了这个问题，满心欢喜啊！