主頁 > 知識庫 > html5 制作地圖當(dāng)前定位箭頭的方法示例

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

熱門標簽:百度競價點擊價格的計算公式 硅谷的囚徒呼叫中心 智能手機 網(wǎng)站建設(shè) 使用U盤裝系統(tǒng) 阿里云 檢查注冊表項 美圖手機

功能點

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

重點

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

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

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

相關(guān)公式:

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

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

標簽:山南 煙臺 懷化 湘潭 賀州 通遼 湖北 黃山

巨人網(wǎng)絡(luò)通訊聲明:本文標題《html5 制作地圖當(dāng)前定位箭頭的方法示例》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266