剛剛又發生一個bug，搞得我頭皮發麻，本來該美滋滋的回家準備度過愉快的周末，瞬間變成了日常修bug，來，開始填坑之路

情景再現：

　　首先說一說我們項目的需求，

　　點擊下方，彈出抽屜

點擊對應的地圖打開相應的APP

思路一：用map組件來實現

　　　　坑：布局都搞好之後，在微信開發者工具一切正常，結果真機測試的時候只有地圖，所有東西都被覆蓋住了

效果：

原因：原生Map組件層級是最高的，並且不能使用z-index來修改層級

如果要在地圖上面加一些組件呢

解決：

　　方案一：控件設置，控件就是controls屬性，控件只能顯示圖片，不能顯示文字之類的　　

　　方案二：cover-view組件，這個組件就是懸浮在一些組件上的，用於設置在map上或者設置在視頻播放上等等

　　　　　　將cover-view組件嵌套在map組件內就可以了。cover-image組件可以嵌套在cover-view內。

　　　　　　註意：cover-view中只支持嵌套cover-view、cover-image，button

好了第一個問題解決了，但是第二個問題又來了，點擊打開對應的地圖APP

這個問題也很操蛋，講真。

我一開始已經用Map組件布局好了，後來發現Map組件不能實現直接打開對應的APP

又經過一頓操作，發現可以使用wx.openLocation()方法

而且這裏還需註意一下，wx.openLocation()在微信開發者工具運行的結果和在真機上運行的界面不一樣

微信開發者工具運行結果：

真機運行結果：

好了，暫時就這些坑，大家使用的時候一定註意！！！

微信小程序Map組件踩坑日記