The Leaflet mapping library does already convey a scale control, which shows the scale of the electrical current middle of the map inwards metric (m/km) in addition to /or majestic (mi/ft) systems. However, if yous desire a scale alongside to a greater extent than customization options, yous tin mail away besides role the leaflet-graphicscale plug-in.
This distance scale plug-in for Leaflet allows yous to add together an animated distance scale to a Leaflet map alongside a pose out of dissimilar means options. The basic options allow yous to add together a scale alongside a pose out of fill upwardly options for each criterion unit, You tin mail away thought how these options expect past times adjusting the settings on this demo map.
You tin mail away besides edit the css styles of leaflet-graphicscale to modify the font household unit of measurement in addition to font size used inwards the scale. If you're happy alongside JavaScript, yous tin mail away besides play alongside the leaflet-graphicscale JavaScript code itself to suit the plug-in to display other criterion systems (e.g. practise a scale which shows distance inwards smoots).
