騰訊地圖api web端常見問題介紹

騰訊地圖api(騰訊位置服務api)web端常見問題介紹

騰訊位置服務網址:https://lbs.qq.com/

1、Javascript API GL(以下簡稱GL):GL是下一代基礎地圖API,底層渲染基於WebGL技術,致力於爲用戶提供更酷炫的三維效果。除了接口與v2版本有細微差別,還提供3D視角、室內地圖、個性化地圖等功能,以及更優化的渲染效果和更流暢的交互體驗。

常見問題指引:
(1)GL如何引入?
https://lbs.qq.com/webApi/javascriptGL/glGuide/glBasic

(2)vue框架如何實現自定義覆蓋物?

  1. 實現自定義覆蓋物,需要繼承jsapi GL對外提供的DOMOverlay,並複寫其中的一些方法
  2. 在createDom方法中獲取自己需要的dom並作爲返回值。dom可以通過document.createElement動態創建;也可以通過document.getElemetById等方法獲取已經存在的dom,然後直接使用
  3. 實例化DOMOverlay時,執行的順序是onInit ,createDom
  4. 示例可以參考如下鏈接:https://lbs.qq.com/webDemoCenter/glAPI/glOverlay/domOverlay

(3)GL調用騰訊地圖,騰訊地圖上標註的字體如何自定大小?
可以用個性化樣式平臺編輯字體大小,參考鏈接:https://lbs.qq.com/webApi/javascriptGL/glGuide/glCustommap

2、位置可視化API:基於GL實現的專業地理空間數據可視化渲染引擎,可以實現軌跡數據、座標點數據、熱力、遷徙、航線等空間數據的可視化展現。

常見問題指引:
(1)位置可視化API如何引入?
https://lbs.qq.com/webApi/visualizationApi/visualizationGuide/visualizationBasic

(2)位置可視化的熱力圖,數據密度流暢度如何?
5w左右保持流暢,可以在使用熱力圖的時候先對單點數據做一次聚合,不然一方面影響性能,另一方面熱力圖會呈現較強的鋸齒感,不夠平滑

(3)散點圖和熱力圖支持多少條數據展示?10萬條數據量

(4)遷徙圖和區域圖支持多少條數據展示?1萬條數據量

3、Javascript API(以下簡稱V2):沒有任何接入門檻,且免費使用

常見問題指引:
(1)地圖的事件如何阻止冒泡,e.stopPropogation無效?
在地圖容器上監聽事件,再調用stopPropogation

(2)比例尺如何計算?
公式米/像素=2PIRcos(lat) / 256(2^N)。PI是是數學常數,R是地球半徑,lat是緯度

(3)地圖 marker 標記太多卡頓,如何對此進行優化?

  1. 可以使用v2的可視化附加庫,用2D散點圖來實現
  2. 可以切換到GL版本,使用MultiMarker或者3D散點圖來實現都可以 (推薦)
  3. v2的2D散點圖支持10w量級,GL的MutliMarker和Do支持百萬量級

4、地圖組件:主要針對移動端,包含位置展示組件、路線規劃組件、地圖選點組件、前端定位組件、街景組件。參考鏈接:https://lbs.qq.com/webApi/component/componentGuide/componentMarker

常見問題指引:
(1)h5精準定位–首次調用授權窗口的取消和確定問題?

  1. 獲取精準定位的授權窗口的確定和取消可以通過回調函數showPosition和showError的返回結果來判斷是否授權,成功了就是確定進行了授權,失敗了可以通過失敗碼(errorCode)來判斷是取消授權問題還是其他問題導致的失敗
  2. 小程序,可以通過wx.getlocation方法進行判斷,如果授權了,正常獲取定位信息,如果沒授權,走fail,會返回錯誤信息。第二次進入,可以通過wx.getsetting判斷用戶是否進行過授權

(2)調用前端定位組件失敗後怎麼自查?

  1. 先查看是否使用Https服務,如果不是,要切換成https
  2. 然後查看定位時長timeout是否設置的合適,時間太小定位容易失敗,可以設置5s以上
  3. 最後,掃描 官網二維碼 是否正常,如果正常,說明騰訊定位組件本身是沒有問題的。如果不正常,需要確認在定位時是否有調起定位授權,如果沒有調起定位授權,非定位組件原因,可能是瀏覽器阻止了定位授權
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章