Skip to content

giscube/leaflet.measure

 
 

Repository files navigation

Leaflet measure control

Adds a button below the map's zoom controls that allows you to activate an interactive mode to measure distances on the map.

Initialise control

  • Add CSS and JS
	<link rel="stylesheet" href="leaflet.measure/leaflet.measure.css" />
	<script src="leaflet.measure/leaflet.measure.js"></script>
  • Add Measure Control
  • as an option when creating map
	var map = L.map("map", { measureControl: true });
  • or after map instantiation
	var measureControl = new L.Control.Measure({
		position: 'topleft',
		measureUnit: 'km'
		measureUnitPrecision: 1
	});
	measureControl.addTo(map);

Demos

About

Adds interactive distance measuring to leaflet

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 92.8%
  • CSS 7.2%