App下載

地圖定位箭頭怎么制作?代碼詳解!

指上菁蕪 2021-08-10 15:42:27 瀏覽數(shù) (3811)
反饋

地圖在使用地圖的時候在我們通過擴大之后可以看大有一個指向我們面對方向的箭頭,那么今天我們就來說說由于關(guān)于“地圖定位箭頭怎么制作?”這個問題吧!

功能點

  • 獲取當前定位
  • 時時顯示當前設(shè)備方向

重點

h5每次打開時,只是單純獲取的設(shè)備方向是無法正確朝向的。因為每次打開后地圖自身也受設(shè)備朝向影響。

所以需要再獲取羅盤方向進行校正。

以小程序獲取設(shè)備、羅盤方向,h5渲染定位箭頭為例,

相關(guān)公式:

// 跟新箭頭的方向應(yīng)該根據(jù)設(shè)備與羅盤方向的差值
const newAngle = 360 - ( deviceAngle - compassAngle )

那么以上就是有關(guān)于:“地圖定位箭頭怎么制作?”這個問題本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,更多的內(nèi)容都可以在W3Cschool中進行學(xué)習(xí)。


0 人點贊