微信小程序的map、video、canvas、camera等組件都是原生組件，層級(jí)是最高的，并不能像原生開(kāi)發(fā)那樣使用z-index來(lái)控制層級(jí)。

解決方法可以采用切換隱藏等方式來(lái)做，然而地圖組件如果采用這種方式來(lái)做就會(huì)變得不便。實(shí)際上從1.4.0基礎(chǔ)庫(kù)中增加了一個(gè)組件cover-view，用于在map、video、canvas、camera等原生組件上顯示基礎(chǔ)原生視圖。在去年9月份的時(shí)候，這個(gè)問(wèn)題還在微信官方團(tuán)隊(duì)在長(zhǎng)沙的分享會(huì)上介紹到的，并以摩拜單車(chē)小程序舉例。

具體可以參考官方文檔關(guān)于cover-view介紹，同時(shí)還有一個(gè)“孿生”的組件，就是cover-image，用于在cover-view中顯示圖片。

如下圖的小demo就是利用這些組件，其中地圖上的四個(gè)模塊（搜索框、定位按鈕、切換按鈕、個(gè)人中心入口）都是利用cover-view來(lái)構(gòu)造的。

需要注意的是，cover-view和cover-image這兩個(gè)組件僅能夠嵌套在map、video、canvas、camera等原生組件里面，雖然在1.9.0開(kāi)始支持嵌套在view，但嵌套到view中不是它本身的意義了。

另外需要注意的是，這兩個(gè)組件css不是支持所有的屬性，只支持基本的定位、布局、文本樣式。不支持設(shè)置單邊的border、background-image、shadow、overflow等。