Leaflet.Nanoscale is a sub-millimeter scale indicator for Leaflet. It displays a scale in nanometers, micrometers or millimeters, calculating it from a known ratio of absolute pixels (i.e. pixels at maximum zoom) to nanometers.
Include the script:
<script type="text/javascript" src="Leaflet.Nanoscale/Control.Nanoscale.js"></script>Add the control to the map:
L.control.nanoscale({
nanometersPerPixel: scale,
}).addTo(map);| Option | Type | Default | Description |
|---|---|---|---|
nanometersPerPixel |
Number |
1000 |
The ratio between pixels at known zoom and nanometers. |
ratioAtZoom |
Number |
map.getMaxZoom() |
The zoom level used for translating pixels to distances. |
position |
String |
'topright' |
The position of the control (one of the map corners). See control positions. |
maxWidth |
Number |
100 |
Maximum width of the control in pixels. The width is set dynamically to show round values (e.g. 100, 200, 500). |
updateWhenIdle |
Boolean |
false |
If true, the control is updated on moveend, otherwise it's always up-to-date (updated on move). |