Leaflet Measure demo (miles only)

by spydmobile

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<script src="http://jtreml.github.io/leaflet.measure/leaflet.measure/leaflet.measure.js"></script>
<link rel="stylesheet" href="http://jtreml.github.io/leaflet.measure/leaflet.measure/leaflet.measure.css">
		<div id="map" style="width: 800px; height: 600px;"></div>

JavaScript

var layerOsm = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
	          subdomains: ["a", "b", "c"],
	          maxZoom: 18
	        });
			
			var map = new L.Map('map', {
				measureControl: true
			}).addLayer(layerOsm).setView(new L.LatLng(40.524724, -3.816153), 6);
var distMeasure = L.control.measure().addTo(map);