cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Auto-uncheck the data and notes layers at low zoom

Browse source 
Reenable them when returning to high zoom in the
same session.

Fixes #592
This commit is contained in:
John Firebaugh 2013-12-02 17:01:13 -08:00 • committed by Tom Hughes
parent 77b4ff6ceb
commit cc57c65083
1 changed files with 15 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

17
app/assets/javascripts/leaflet.layers.js
View file

@ -132,15 +132,18 @@ L.OSM.layers = function(options) {
var label = $('<label>')
.appendTo(item);
var checked = map.hasLayer(layer);
var input = $('<input>')
.attr('type', 'checkbox')
.prop('checked', map.hasLayer(layer))
.prop('checked', checked)
.appendTo(label);
label.append(name);
input.on('change', function() {
if (input.is(':checked')) {
checked = input.is(':checked');
if (checked) {
map.addLayer(layer);
} else {
map.removeLayer(layer);
@ -155,6 +158,16 @@ L.OSM.layers = function(options) {
map.on('zoomend', function() {
var disabled = map.getBounds().getSize() >= maxArea;
$(input).prop('disabled', disabled);
if (disabled && $(input).is(':checked')) {
$(input).prop('checked', false)
.trigger('change');
checked = true;
} else if (!disabled && !$(input).is(':checked') && checked) {
$(input).prop('checked', true)
.trigger('change');
}
$(item).attr('class', disabled ? 'disabled' : '');
item.attr('data-original-title', disabled ?
I18n.t('javascripts.site.' + refName + '_zoom_in_tooltip') : '');