stefanocudini / leaflet-compass Goto Github PK

View Code? Open in Web Editor NEW

93.0 7.0 22.0 1006 KB

Leaflet plugin to show a rotating Compass!

Home Page: https://opengeo.tech/maps/leaflet-compass/

License: MIT License

JavaScript 69.10% CSS 7.79% HTML 23.10%

leafletjs leaflet-plugin webmapping compass javascript mapping mobile-app

leaflet-compass's Introduction

Leaflet.Control.Compass

A leaflet control plugin to make simple rotating compass

If this project helped your work help me to keep this alive by Paypal DONATION ❤

Tested in Leaflet 0.7 and 1.2

require HTML5 API on mobile device!

Try the Demo online here:
opengeo.tech/maps/leaflet-compass

Tested platforms:

this project needs many tests on different devices, please help us using the demo page and report problems by opening an issue.

Chrome on Android
Safari on iOS

Usage

Adding the Compass Control to the map:

map.addControl( new L.Control.Compass() );

Options

Option	Default	Description
autoActive	false	activate control at startup
showDigit	false	show angle value bottom compass
textErr	''	error message on alert notification
callErr	null	function that run on compass error activating
angleOffset	2	min angle deviation before rotate, big angleOffset is need for device have noise in orientation sensor
position	'topright'	position of control inside map

Methods

Method	Arguments	Description
autoActive	false	activate control at startup
getAngle		return Azimut angle
setAngle	angle	set rotation compass
activate		active tracking on runtime
deactivate		deactive tracking on runtime

Events

Event	Data	Description
'compass:rotated'	angle	fired after compass data is rotated
'compass:disabled'		fired when compass is disabled

Where

Source code:

Github
NPM

leaflet-compass's People

Contributors

Stargazers

Watchers

leaflet-compass's Issues

does not works on FireFox 45

Hi
Perhaps this._divcompass.style.webkitTransform = "rotate(" + angle + "deg)"; is not available in FireFox.

nota: it works with Chromium 48.

update readme

write method table in readme

Any @types for angular ?

I try to add this in angular, and so far I could not... even extend module on top.

Property 'Compass' does not exist on type 'typeof Control'.ts(2339)

Compass Not Working

The compass it not working. Error shows: oritentation angle not found..

Package still maintained?

Could use an update for Meteor 0.9+.

https://atmospherejs.com/mrt/leaflet-compass

Seems compass not accurate

I use the example, compass working and direction showing accurate..

But when tested on latest leaflet version 1.9, the compass showing wrong direction..

Tested in Android Pie, using browser Chrome dan Firefox.

show compass needs calibration message

window.addEventListener("compassneedscalibration", function(event) {
alert('Your compass needs calibrating! Wave your device in a figure-eight motion');
event.preventDefault();
}, true);