[Day21]Geolocation based Speedometer and Compass

[Day21]Geolocation based Speedometer and Compass

需要用到的技巧与练习目标

1. Navigator.geolocation

const arrow = document.querySelector('.arrow');

const speed = document.querySelector('.seed-value');

navigator.geolocation.watchPosition((data)=>{
consloe.log(data);
speed.textContent = data.coodr.speed;
arrow.style.transform = `rotate(${data.coords.heading}deg)`
},(err)=>{
console.err(err);
alert('HEY!YOU GOTTA ALLOW TO HEPPEN!!')
});

参考资料来源:

1. https://developer.mozilla.org/zh-TW/docs/Web/API/Navigator/geolocation
2. https://developer.mozilla.org/zh-TW/docs/Web/API/Geolocation/watchPosition