js challenge day 21

Geolocation

 

Code

  <script>
    const arrow = document.querySelector('.arrow');
    const speed = document.querySelector('.speed-value');

    navigator.geolocation.watchPosition((data) => {
      console.log(data);
      speed.textContent = data.coords.speed;
      arrow.style.transform = `rotate(${data.coords.heading}deg)`;
    }, (err) => {
      console.error(err);
    });
  </script>

배운 점 & 느낀 점

사용자의 위치 정보를 이용해 나침반을 보여주는 과제였습니다.

pc에서는 제한된 정보만 얻을 수 있으며 모바일에 더 많은 정보를 제공합니다.