ki9
/
compass
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Simple compass PWA
32 Commits
1 Branch
0 Tags
393 KiB
HTML 53.1%
CSS 25.3%
JavaScript 21.6%
 
 
 
Go to file
Keith Irwin c14553940e
Removed GyroNorm for compass use, updated styles 		2018-08-30 18:52:14 +00: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 Many small updates, added gyronym logic 2018-08-30 02:54:55 +00:00
coordinates.js Removed GyroNorm for compass use, updated styles 2018-08-30 18:52:14 +00:00
direction.js Removed GyroNorm for compass use, updated styles 2018-08-30 18:52:14 +00: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 Many small updates, added gyronym logic 2018-08-30 02:54:55 +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.fyi 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: