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


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

情景再現:

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

  點擊下方,彈出抽屜

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

 

思路一:用map組件來實現

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

效果:

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

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

解決:

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

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

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

      注意:cover-view中只支持嵌套cover-viewcover-imagebutton,只支持基本的定位、布局、文本樣式。不支持設置單邊的border、background-image、shadow、overflow: visible等。

 

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

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

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

又經過一頓操作,發現可以使用wx.openLocation()方法可以實現點擊直接打開對應的APP,但是問題又來了,wx.openLocation()打開的界面不支持自定義樣式

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

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

 

真機運行結果:

 

好了,暫時就這些坑,大家使用的時候一定注意!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM