Simple compass PWA
 
 
 
Go to file
Keith Irwin 81fd585e84
Added check for e.alpha
2020-03-29 22:13:43 -05:00
icons Many small updates, added gyronym logic 2018-08-30 02:54:55 +00:00
.gitignore Many small updates, added gyronym logic 2018-08-30 02:54:55 +00:00
LICENSE.md Many small updates, added gyronym logic 2018-08-30 02:54:55 +00:00
README.md Merge branch 'master' of github.com:keith24/Compass 2020-03-29 22:11:51 -05:00
coordinates.js Fixed E/W and altitude conversionFixed comment spelling error 2018-10-04 00:30:08 +00:00
direction.js Added check for e.alpha 2020-03-29 22:13:43 -05:00
index.html Removed GyroNorm for compass use, updated styles 2018-08-30 18:52:14 +00:00
manifest.json Many small updates, added gyronym logic 2018-08-30 02:54:55 +00:00
rose.svg Many small updates, added gyronym logic 2018-08-30 02:54:55 +00:00
style.css Removed rotation error (for now) 2018-10-04 00:30:47 +00:00

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: