前言

說(shuō)起微信小程序的map組件，可以說(shuō)是良心之作了，一個(gè)組件解決了所以接入地圖的所有麻煩，但是在實(shí)際小程序的試用過(guò)程中還是存在點(diǎn)問(wèn)題的。

如下情景：

剛開(kāi)始接入map組件的時(shí)候是在微信開(kāi)發(fā)工具的模擬器上預(yù)覽的，看起來(lái)沒(méi)有一點(diǎn)問(wèn)題，如下圖：

但是在手機(jī)上真機(jī)模擬的時(shí)候就比較尷尬了，地圖擋住了我底部的按鈕，這個(gè)要怎么辦呢？先是在百度上百度了好久，別人家寫(xiě)的博客都說(shuō)，小程序的map組件是層級(jí)最高的,這個(gè)沒(méi)辦法處理; 然后就覺(jué)得涼涼了，不知道要怎么辦了，難道要自己重新寫(xiě)個(gè)地圖嗎？感覺(jué)又不太現(xiàn)實(shí)，于是就問(wèn)了最近在寫(xiě)小程序的幾個(gè)朋友，有的說(shuō)沒(méi)寫(xiě)過(guò)，知道有個(gè)人說(shuō)到cover-view這個(gè)視圖容器。官方給出的解釋是這樣子的：

cover-view

基礎(chǔ)庫(kù) 1.4.0 開(kāi)始支持，低版本需做兼容處理。

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

結(jié)果就懷著試試看的心情，試了一下這個(gè)cover-view，

<cover-view class='bottom-btn'>
  <cover-view class='bot-btn service'>
   <cover-view class='contact-btn' open-type='contact'>
    咨詢(xún)客服
   </cover-view>
  </cover-view>
  <cover-view class='bot-btn order' bindtap='toOrder'>
   立即預(yù)定
  </cover-view>
 </cover-view>

果然不失眾望的解決了這個(gè)問(wèn)題，滿(mǎn)心歡喜啊！

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。