地圖在使用地圖的時(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è)備朝向影響。
所以需要再獲取羅盤(pán)方向進(jìn)行校正。
以小程序獲取設(shè)備、羅盤(pán)方向,h5渲染定位箭頭為例,
相關(guān)公式:
// 跟新箭頭的方向應(yīng)該根據(jù)設(shè)備與羅盤(pán)方向的差值
const newAngle = 360 - ( deviceAngle - compassAngle )
那么以上就是有關(guān)于:“地圖定位箭頭怎么制作?”這個(gè)問(wèn)題本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,更多的內(nèi)容都可以在W3Cschool中進(jìn)行學(xué)習(xí)。