Access iPhone compass using JavaScript

Question

Do you know to access your iPhone compass in Safari using JavaScript? I see how you can access the GPS , but I can not understand the compass.

Answer 1

You cannot access this information via JavaScript unless you use something like iPhoneGap

At the time this was true, in iOS 5 you can use the compass header in JS. https://developer.apple.com/documentation/webkitjs/deviceorientationevent/1804777-webkitcompassheading

Answer 2

In iOS, you can get a compass value like this.

window.addEventListener('deviceorientation', function(e) { console.log( e.webkitCompassHeading ); }, false); 

Read the Apple DeviceOrientationEvent documentation for more information.

Hope this helps.

Answer 3

I advise you to use LeafletJS with this plugin
https://github.com/stefanocudini/leaflet-compass

very easy to use with events and methods.

Here you can try the demo:
http://labs.easyblog.it/maps/leaflet-compass/