Skip to content

sailmate/leaflet-locatecontrol

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Leaflet.Locate

A useful control to geolocate the user with many options.

Tested with Leaflet 0.5 on Firefox and Webkit.

##Demo

Check out the demo at http://domoritz.github.com/leaflet-locatecontrol/demo/

Usage

Minimal set up:

  • add the javascript and css files
  • add the following snippet to your map initialization:
L.control.locate().addTo(map);

Possible options

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
    circleStyle: {},  // change the style of the circle around the user's location
    markerStyle: {},
    metric: true,  // use metric or imperial units
    onLocationError: function(err) {alert(err.message)},  // define an error callback function
    title: "Show me where I am",  // title of the locat control
    popupText: ["You are within ", " from this point"],  // text to appear if user clicks on circle
    locateOptions: {}  // define location options e.g enableHighAccuracy: true
}).addTo(map);

Screenshot

screenshot

Developers

Run the demo locally with python -m SimpleHTTPServer and then open http://0.0.0.0:8000/demo.

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%