Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. It only takes a minute to sign up.
Sign up to join this community
Im using Leaflet.Control.GPS (https://github.com/stefanocudini/leaflet-gps) to locate the users location.
How to add a progress indicator, or a spinner (or some other UX hint) which should appear only when "map.locate" is trying to find the current position of the user?
I already added via Leaflet.Loading (https://github.com/ebrelsford/Leaflet.loading) a spinner to my map, but only works when loading tiles.
Maybe it is possible to combine them?
You can not add a progress indicator. There is no way to predict how much time a geolocation query will take.
In order to add a spinner, or any other "waiting message" or UX hint, just display it when starting the geolocation query, and hide it when the query is finished, e.g.:
spinner.show();
map.once('locationfound locationerror', function(ev){
spinner.hide();
});
map.locate(locateOptions);
The specific way of showing and hiding that UX element is up to you, depending on what you want (a button, a transparent overlay, a "toast" notification, etc etc etc), but the map-related logic should look like that.
I came across this question with almost exactly the same requirement. You can use the Leaflet.Loading plugin to display a spinner and control it with map events...
To display the spinner:
map.fire('dataloading');
To hide it:
map.fire('dataload');
Combine this with the logic in @ivansanchez answer.
