#Leaflet.Locate
A useful control to geolocate the user with many options.
Tested with Leaflet 0.5.1 in Firefox, Webkit and mobile Webkit.
##Demo
Check out the demo at http://domoritz.github.com/leaflet-locatecontrol/demo/
- add the javascript and css files
- add the following snippet to your map initialization:
L.control.locate().addTo(map);The locate controls inherits options from Leaflet Controls.
L.control.locate({
position: 'topleft', // set the location of the control
drawCircle: true, // controls whether a circle is drawn that shows the uncertainty about the location
follow: false, // follow the location if `watch` and `setView` are set to true in locateOptions
stopFollowingOnDrag: false, // stop following when the map is dragged if `follow` is set to true
circleStyle: {}, // change the style of the circle around the user's location
markerStyle: {},
followCircleStyle: {}, // set difference for the style of the circle around the user's location while following
followMarkerStyle: {},
metric: true, // use metric or imperial units
onLocationError: function(err) {alert(err.message)}, // define an error callback function
setView: true, // automatically sets the map view to the user's location
strings: {
title: "Show me where I am", // title of the locat control
popupText: "You are within {distance} {unit} from this point", // text to appear if user clicks on circle
}
locateOptions: {} // define location options e.g enableHighAccuracy: true
}).addTo(map);
Sites that use this locate control:
Run the demo locally with python -m SimpleHTTPServer and then open http://0.0.0.0:8000/demo.
MIT