Simple compass PWA
 
 
 
Go to file
Keith Irwin d6f6678402 Added to manifest
Signed-off-by: Keith Irwin <mail@keithirwin.us>
2016-12-14 20:48:46 -05:00
icons init commit 2016-12-12 22:09:21 -05:00
.gitignore added gitignore 2016-12-13 16:28:58 -05:00
LICENSE.md init commit 2016-12-12 22:09:21 -05:00
README.md Documented GPS feature 2016-12-13 18:58:41 -05:00
index.html Added manifest 2016-12-13 21:29:31 -05:00
manifest.webmanifest Added to manifest 2016-12-14 20:48:46 -05:00
rose.svg init commit 2016-12-12 22:09:21 -05:00
script.js Added manifest 2016-12-13 21:18:12 -05:00
style.css Added manifest 2016-12-13 21:18:12 -05: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.keithirwin.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: