Leaflet-Switch-Scale-Control
Leaflet switch scale control is used to select and display map scale from dropdown list. Depends on:
DEMO
API
Install
npm install leaflet-switch-scale-control
Usage
map;
Options
Specified below values are default
position: 'bottomleft', // Leaflet control position. dropdownDirection: 'upward', // Specifies direction of dropdown's openning. className: 'map-control-scalebar', // Control's wrapper class. updateWhenIdle: false, // Control's wrapper class. ratio: false, // Flag: whether to display ratio prefix. ratioPrefix: '1:', // Ratio prefix text. ratioCustomItemText: '1: Entrez une valeur', // Custom ratio text. customScaleTitle: 'Entrez une valeur et appuyez sur Entrée', // Custom scale title text. ratioMenu: true, // If recalcOnZoomChange is false, then recalcOnPositionChange is always false. recalcOnPositionChange: false, // Flag: whether to recalc scale on map position change. recalcOnZoomChange: true, // Flag: whether to recalc scale on map zoom change. scales: , // Array of available to select scales roundScales: null,// Array of available to display rounded scales adjustScales: false, // Flag: whether to adjust custom scale to max of scales splitScale: false, // if true 1:1500000 => 1:1'500'000 in scale display pixelsInMeterWidth: function, getMapWidthForLanInMeters: function
pixelsInMeterWidth: returns pixels per meter; needed if ratio: true.
{ var div = document; divstylecssText = "position: absolute; left: -100%; top: -100%; width: 100cm;"; documentbody; var px = divoffsetWidth; documentbody; return px; }
getMapWidthForLanInMeters: returns width of map in meters on specified latitude.
{ return 6378137 * 2 * MathPI * Math; }