Simple compass PWA
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Keith Irwin 81fd585e84
Added check for e.alpha
3 years ago
icons Many small updates, added gyronym logic 4 years ago
.gitignore Added c9 to gitignore 6 years ago
LICENSE.md init commit 6 years ago
README.md Fixed URL 3 years ago
coordinates.js Fixed E/W and altitude conversionFixed comment spelling error 4 years ago
direction.js Added check for e.alpha 3 years ago
index.html Removed GyroNorm for compass use, updated styles 4 years ago
manifest.json Many small updates, added gyronym logic 4 years ago
rose.svg init commit 6 years ago
style.css Removed rotation error (for now) 4 years ago

README.md

Compass

by Keith Irwin

Compass is a web app written in plain HTML/CSS/JS. It uses DeviceOrientationEvent and geolocation to show a smartphone's GPS coordinates and polar orientation.

Instructions

Open compass.ki9.us on a smartphone with a compass. Hold the phone level and it should show your direction.

Is this accurate?

No, not really. Results may vary. As of this writing, Firefox and Chrome browsers handle the DeviceOrientation spec differently. It's only been tested on Chrome for Android.

Known issues

  • When the screen is rotated, the image gets rotated 90 degrees. I don't know how this could be fixed.

Image sources

The images used in this app were labeled for reuse with modification: