html5 制作地圖當(dāng)前定位箭頭的方法示例

功能點(diǎn)

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

重點(diǎn)

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

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

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

相關(guān)公式：

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。