UX: getting local (set default zoom, geolocate map, and add control scale)

[kidwellj]

We should set default zoom to something a bit closer to local area for a new load of the map (level 9 maybe?); add some code to geolocate the current user and centre the map on their location; and include display with a scale (see: http://leafletjs.com/reference-1.1.0.html#control-scale).

[kidwellj]

Just added commit (master ce1cab5) to set zoom @ 9.

[kidwellj]

Just added commit (c3d7746) to include scale (with imperial!).

[kidwellj]

Looks like this is the ticket for user geolocation: https://github.com/domoritz/leaflet-locatecontrol. But I think we'll want to leave this code commented out for now as it will be annoying for testing until we get more data in England/Wales

[kidwellj]

Re-opening so that we can remember to add scale to display (in "imperial"):
i.e. L.control.scale().addTo(map);

[danhillcode]

where did you see this going as at the moment it gets placed underneath the left sidebar by default

[kidwellj]

Can we centre it? LH Sidebar covers it otherwise when it's up. Or add behaviour so that it slides to the right when LH Sidebar overlaps?

[danhillcode]

I have entered it looks decent now.

[danhillcode]

also increased zoom as requested 327-334 are the lines that control this in the index.html file