uni app map 地圖 漂浮問題及方案

文章頁有圖片導致的問題，圖片沒加載出來，導致文章內容高度不固定，如果圖片沒加載出來，高度就是0，如果此時開始加載map,那么map就在那里加載，map原生組件渲染后位置固定了，而當頁面圖片加載完成后，就會有地圖漂浮的感覺，如下圖：

解決方法：
（方法1）控制圖片的寬高，讓圖片沒加載完也占高度，這樣就不會影響map加載和位置；
（方法2）加一個延時，等待圖片加載完成后，再開始加載map，在map標簽使用v-if控制；
（方法3）等待頁面滾動到一定的距離，開始加載，如果地圖在底部，就直接使用 onReachBottom 頁面生命周期，然后可以在pages.json設置 onReachBottomDistance 距離底部分距離觸發。

總結

以上是生活随笔為你收集整理的uni app map 地图 漂浮问题及方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。