地图定位箭头怎么制作?代码详解!

指上菁芜 2021-08-10 15:42:27 浏览数 (4105)
反馈

地图在使用地图的时候在我们通过扩大之后可以看大有一个指向我们面对方向的箭头,那么今天我们就来说说由于关于“地图定位箭头怎么制作?”这个问题吧!

功能点

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

重点

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

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

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

相关公式:

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

那么以上就是有关于:“地图定位箭头怎么制作?”这个问题本文的全部内容,希望对大家的学习有所帮助,更多的内容都可以在W3Cschool中进行学习。


0 人点赞