html5 制作地图当前定位箭头的方法示例

功能点

获取当前定位 时时显示当前设备 方向

重点

h5每次打开时，只是单纯获取的设备方向是无法正确朝向的。因为每次打开后地图自身也受设备朝向影响。

所以需要再获取罗盘方向进行校正。

以小程序获取设备、罗盘方向，h5渲染定位箭头 为例 ，

相关公式：

// 跟新箭头的方向 应该 根据设备与罗盘方向的差值
const newAngle =  360  - ( deviceAngle -  compass Angle )

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

总结

以上是 为你收集整理的 html5 制作地图当前定位箭头的方法示例 全部内容，希望文章能够帮你解决 html5 制作地图当前定位箭头的方法示例 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于html5 制作地图当前定位箭头的方法示例的详细内容...