Awesome
Leaflet.Control.GPS
A leaflet control plugin for tracking gps position
If this project helped your work help me to keep this alive by Paypal DONATION ❤
Tested in Leaflet 0.7.7 and 1.3.0
Demos online:
opengeo.tech/maps/leaflet-gps
How to use
Adding the GPS Control to the map:
map.addControl( new L.Control.Gps() );
Debugging
I recommend a chrome extension: 'Manual Geolocation' for simulate gps device and set realtime position
You can also use a dummy transform function:
var tinnedGps = { lat: 52.5, lng: -2.0 };
map.addControl( new L.Control.Gps( { transform: function(realGps) { return tinnedGps; } ) );
Where
Demos online:
opengeo.tech/maps/leaflet-gps
Source code:
Github
Bitbucket
NPM
Atmosphere
Options
| Options | Default | Description |
|---|---|---|
| autoActive | false | activate control at startup |
| autoCenter | false | move map when gps location change |
| maxZoom | null | max zoom for autoCenter |
| textErr | '' | error message on alert notification |
| callErr | null | function that run on gps error activating |
| style | {radius:5,color:'#c20',fillColor:'#f23'} | default L.CircleMarker styles |
| marker | null | L.Marker used for location, default use a L.CircleMarker |
| accuracy | true | show accuracy Circle |
| title | 'Center map on your location' | title control on mouse over |
| position | 'topleft' | control position on map |
| transform | function(latlng) { return latlng } | return location before for gps marker |
| setView | false | automatically sets the map view to the user location |
Events
| Event | Data | Description |
|---|---|---|
| 'gps:located' | {marker, latlng} | fired after gps marker is located |
| 'gps:disabled' | {marker} | fired after gps is disabled |
Methods
| Method | Arguments | Description |
|---|---|---|
| getLocation() | return Latlng and marker of current position | |
| activate() | active tracking on runtime | |
| deactivate() | deactive tracking on runtime |
Use Cases
This list is intended to be of utility for all developers who are looking web mapping sample code to solve complex problems of integration with other systems using Leaflet Control GPS.
Anyone can add the link of your website
(spamming urls will be automatically deleted)