App下載

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

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

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

功能點(diǎn)

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

重點(diǎn)

h5每次打開時(shí),只是單純獲取的設(shè)備方向是無法正確朝向的。因?yàn)槊看未蜷_后地圖自身也受設(shè)備朝向影響。

所以需要再獲取羅盤方向進(jìn)行校正。

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

相關(guān)公式:

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

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


0 人點(diǎn)贊