stefanocudini / Leaflet Gps
Licence: mit
Simple leaflet control plugin for tracking gps position
Stars: ✭ 90
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Leaflet Gps
Location
Smartphone navigation positionning, fusion GPS and IMU sensors.
Stars: ✭ 87 (-3.33%)
Mutual labels: gps, location
Leaflet.flowecharts
leaflet plugin for Baidu Echarts
Stars: ✭ 17 (-81.11%)
Mutual labels: leaflet-plugins, leaflet
Iclient Javascript
Modern GIS Web Client for JavaScript, based on Leaflet\OpenLayers\MapboxGL-JS\Classic(iClient8C), enhanced with ECharts\D3\MapV etc. Contributed by SuperMap & community.
Stars: ✭ 593 (+558.89%)
Mutual labels: leaflet-plugins, leaflet
P5.geolocation
a geolocation and geofencing library for p5.js
Stars: ✭ 75 (-16.67%)
Mutual labels: gps, location
Svelte Pick A Place
Javascript location picker built with Svelte
Stars: ✭ 44 (-51.11%)
Mutual labels: location, leaflet
Rxgps
Finding current location cannot be easier on Android !
Stars: ✭ 307 (+241.11%)
Mutual labels: gps, location
Leaflet.path.drag
Drag functionality for Leaflet vector layers
Stars: ✭ 72 (-20%)
Mutual labels: leaflet-plugins, leaflet
Leaflet-active-area
A Leaflet plugin to center the map not in the center of the map but inside a DIV. Useful for responsive design.
Stars: ✭ 99 (+10%)
Mutual labels: leaflet, leaflet-plugins
Leaflet.featuregroup.subgroup
Creates a Feature Group that adds its child layers into a parent group when added to a map (e.g. through L.Control.Layers)
Stars: ✭ 79 (-12.22%)
Mutual labels: leaflet-plugins, leaflet
Leaflet.extras2
Extra functionality for leaflet R package.
Stars: ✭ 37 (-58.89%)
Mutual labels: leaflet-plugins, leaflet
Leaflet.markercluster
Marker Clustering plugin for Leaflet
Stars: ✭ 3,305 (+3572.22%)
Mutual labels: leaflet-plugins, leaflet
Indoorgps
Position Calculating with Trilateration via Bluetooth Beacons(Estimote)
Stars: ✭ 59 (-34.44%)
Mutual labels: gps, location
Leaflet Ant Path
🌿🐜 Creates a leaflet polyline with a 'ant-path' animated flux
Stars: ✭ 296 (+228.89%)
Mutual labels: leaflet-plugins, leaflet
Leaflet Locatecontrol
A leaflet control to geolocate the user.
Stars: ✭ 539 (+498.89%)
Mutual labels: location, leaflet
Leaflet.pixioverlay
Bring Pixi.js power to Leaflet maps
Stars: ✭ 264 (+193.33%)
Mutual labels: leaflet-plugins, leaflet
Heatmap.js
🔥 JavaScript Library for HTML5 canvas based heatmaps
Stars: ✭ 5,685 (+6216.67%)
Mutual labels: leaflet-plugins, leaflet
leaflet.tilelayer.gloperations
Custom Leaflet TileLayer using WebGL to do operations on and colorize floating-point pixels
Stars: ✭ 15 (-83.33%)
Mutual labels: leaflet, leaflet-plugins
EasyWayLocation
This library contain all utils related to google location. like, getting lat or long, Address and Location Setting dialog, many more...
Stars: ✭ 142 (+57.78%)
Mutual labels: gps, location
Leaflet.markercluster.freezable
Adds ability to freeze clusters at specified zoom
Stars: ✭ 21 (-76.67%)
Mutual labels: leaflet-plugins, leaflet
Leaflet Geoman
🍂🗺️ The most powerful leaflet plugin for drawing and editing geometry layers
Stars: ✭ 1,088 (+1108.89%)
Mutual labels: leaflet-plugins, leaflet
Leaflet.Control.GPS
A leaflet control plugin for tracking gps position
Tested in Leaflet 0.7.7 and 1.3.0
Demos online:
labs.easyblog.it/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:
labs.easyblog.it/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)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].