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

Disable overlay layers at minZoom and add tooltips

Browse source
This commit is contained in:
Aaron Lidman 2013-11-13 17:30:07 -08:00
parent f24309ad3e
commit 439ad373ec
2 changed files with 17 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -120,8 +120,13 @@ L.OSM.layers = function(options) {
var list = $('<ul>')
.appendTo(overlaySection);
function addOverlay(layer, name) {
function addOverlay(layer, name, minZoom) {
var refName = name.split(' ').join('_').toLowerCase();
var item = $('<li>')
.attr('class', refName)
.tooltip({
placement: 'top'
})
.appendTo(list);
var label = $('<label>')
@ -146,10 +151,18 @@ L.OSM.layers = function(options) {
map.on('layeradd layerremove', function() {
input.prop('checked', map.hasLayer(layer));
});
map.on('zoomend', function() {
var disabled = map.getZoom() < minZoom + 1;
$(input).prop('disabled', disabled);
disabled ? $(item).attr('class', 'disabled') : $(item).attr('class', '');
item.attr('data-original-title', disabled ?
'Zoom in to see ' + name.toLowerCase() : '');
});
}
addOverlay(map.noteLayer, I18n.t('javascripts.map.layers.notes'));
addOverlay(map.dataLayer, I18n.t('javascripts.map.layers.data'));
addOverlay(map.noteLayer, I18n.t('javascripts.map.layers.notes'), 10);
addOverlay(map.dataLayer, I18n.t('javascripts.map.layers.data'), 15);
}
options.sidebar.addPane($ui);