ki9
/
compass
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Simple compass PWA
34 Commits
1 Branch
0 Tags
393 KiB
HTML 53.1%
CSS 25.3%
JavaScript 21.6%
 
 
 
Go to file
Keith Irwin 0eba5427e6
Removed rotation error (for now) 		2018-10-04 00:30:47 +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 Fixed E/W and altitude conversionFixed comment spelling error 2018-10-04 00:30:08 +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 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.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: