微信小程序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>

果真不失衆望的解決了這個問題，滿心歡喜啊！