Leaflet Distance Scale

The Leaflet mapping library does already accept a scale control, which shows the scale of the electrical current essence of the map inwards metric (m/km) together with /or majestic (mi/ft) systems. However, if you lot desire a scale amongst to a greater extent than customization options, you lot tin too hold upwards the leaflet-graphicscale plug-in.

This distance scale plug-in for Leaflet allows you lot to add together an animated distance scale to a Leaflet map amongst a publish of dissimilar fashion options. The basic options allow you lot to add together a scale amongst a publish of produce amount options for each criterion unit, You tin sentiment how these options expect past times adjusting the settings on this demo map.

You tin too edit the css styles of leaflet-graphicscale to modify the font identify unit of measurement together with font size used inwards the scale. If you're happy amongst JavaScript, you lot tin too play amongst the leaflet-graphicscale JavaScript code itself to suit the plug-in to display other criterion systems (e.g. produce a scale which shows distance inwards smoots).