A leaflet control plugin for tracking gps position
Tested in Leaflet 0.7.7 and 1.1.0
Demos online:
labs.easyblog.it/maps/leaflet-gps
Adding the GPS Control to the map:
map.addControl( new L.Control.Gps() );
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; } ) );
Demos online:
labs.easyblog.it/maps/leaflet-gps
Source code:
Github
Bitbucket
NPM
Atmosphere
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 |
Event | Data | Description |
---|---|---|
'gps:located' | {marker, latlng} | fired after gps marker is located |
'gps:disabled' | {marker} | fired after gps is disabled |
Method | Arguments | Description |
---|---|---|
getLocation() | return Latlng and marker of current position | |
activate() | active tracking on runtime | |
deactivate() | deactive tracking on runtime |