地圖定位箭頭怎么制作？代碼詳解！

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

功能點(diǎn)

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

重點(diǎn)

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

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

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

相關(guān)公式：

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

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