//处理方向
window.addEventListener("deviceorientation", handleOrientation, true);
function handleOrientation(event) {
var absolute = event.absolute;
var alpha = event.alpha;//值表示设备围绕z轴的运动,以度为单位,值范围为0到360。
var beta = event.beta;//值表示设备围绕x轴的运动,以度为单位表示,值范围为-180到180.这表示
// 设备的前后运动。
var gamma = event.gamma;//值表示设备围绕y轴的运动,以度为单位表示,值范围为-90到90.这表示设
// 备从左到右的运动
// console.log(alpha);
$('img.csssprite').eq(0).css('transform', 'rotate(' + alpha + 'deg)');
}
直接放在mounted里就可以了,找到地图里你的maker,就可以实现在地图里你的方向了。
参考文档:
https://developer.mozilla.org/zh-CN/docs/Web/API/Detecting_device_orientation