Move scale bar when zooming

[jywarren]

Currently, dragging the scale bar zooms the map, but not the inverse -- zooming the map should automatically move the scale bar too. We'd love help implementing this!

Here's the slider code:

leaflet-blurred-location/examples/index.html

Lines 128 to 135 in 43fae0d

	var changeZoom = function() {
	var zoom = slider.getValue();
	blurredLocation.map.setZoom(zoom);
	}
	var slider = $('#ex1').slider()
	.on('slide', changeZoom)
	.data('slider');

We could wire it up to change the scale bar on the map's zoom event:

leaflet-blurred-location/src/ui/Interface.js

Line 35 in 43fae0d

options.map.on('zoom', options.onDrag);

[jywarren]

This has been marked as a good candidate for becoming a first-timers-only issue like these, meaning that it's simple, self-contained, and with some extra formatting, could be a great entry point for a new contributor. If you're familiar enough with this code, please consider reformatting or reposting it as a first-timers-only issue, and then ping @publiclab/reviewers to get it labelled. Or, if this is not your first time, try to solve it yourself!

---

[lohitha02]

Can I claim this issue?

[grvsachdeva]

Go ahead @lohitha02!