『壹』 在小程序裡面調用微信內置地圖
標記點markers只能在初始化的時候設置,不支持動態更新。
示例:
<!-- map.wxml --> <map longitude="23.099994" latitude="113.324520" markers="{{markers}}" covers="{{covers}}" style="width: 375px; height: 200px;"></map> // map.js Page({ data: { markers: [{ latitude: 23.099994, longitude: 113.324520, name: 'T.I.T 創意園', desc: '我現在的位置' }], covers: [{ latitude: 23.099794, longitude: 113.324520, icaonPath: '../images/car.png', rotate: 10 }, { latitude: 23.099298, longitude: 113.324129, iconPath: '../images/car.png', rotate: 90 }] } })
『貳』 微信小程序內怎麼導入地圖,距離測算
進入騰訊地址服務官網。
在微信小程序中插入個性化地圖:進入騰訊地址服務官網,控制台、個性化地圖、個性化樣式、樣式選擇。>
先定位目前的位置,再根據輸入的目的地進行兩地之間的距離計算。(前提是先導入高德地圖相應的sdk包)。
『叄』 怎麼樣使用微信地圖小程序導航 如何用微信導航
如果你出門不認識路,那麼可以用微信地圖小程序導航。下面我來告訴大家怎麼操作吧。
首先打開微信這個app,如圖1所示。進入微信後,你會看到出現一個新的界面,如圖2所示。
點擊右上角的「搜索」選項,如圖1箭頭所示。在搜索框中輸入騰訊地圖,點擊進入,會出現一個新的界面。
在「搜索地點」中輸入你的目的地,如圖1箭頭所示。會出現一個新的界面,點擊右下角的「路線」選項,如圖2箭頭所示。
會出現一個新的界面,點擊右下角的「導航」選項,如圖1箭頭所示。這樣就完成啦。
『肆』 微信小程序<map>地圖組件閃退問題解決
問題 :
用戶頻繁切換頭部 tab ,數據請求,地圖更新
ios正常
!!android手機會出現閃退情況
解決 :
經過各種排查,發現主要原因是因為 標注文本 總是呈顯示狀態,以至於過標注點時,繪制過多造成小程序閃退,此時只要注釋掉 display:'ALWAYS' 即可
當然,注釋掉之後氣泡只有在點擊標注點的時候才會顯示,想要用戶 點擊標記點 或者 點擊氣泡 再進行操作的話,可以分別給 <map> 設置
其他未確定因素:
也有可能tab切換過快,介面請求過於頻繁造成的,此時你可以寫一個計時器,避免這種問題