+ if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') {
+ var overlaySection = $('<div>')
+ .attr('class', 'section overlay-layers')
+ .appendTo($ui);
+
+ $('<p>')
+ .text(I18n.t('javascripts.map.layers.overlays'))
+ .attr("class", "deemphasize")
+ .appendTo(overlaySection);
+
+ var list = $('<ul>')
+ .appendTo(overlaySection);
+
+ function addOverlay(layer, name) {
+ var item = $('<li>')
+ .appendTo(list);
+
+ var label = $('<label>')
+ .appendTo(item);
+
+ var input = $('<input>')
+ .attr('type', 'checkbox')
+ .prop('checked', map.hasLayer(layer))
+ .appendTo(label);
+
+ label.append(name);
+
+ input.on('change', function() {
+ if (input.is(':checked')) {
+ map.addLayer(layer);
+ } else {
+ map.removeLayer(layer);
+ }
+ map.fire('overlaylayerchange', {layer: layer});
+ });
+
+ map.on('layeradd layerremove', function() {
+ input.prop('checked', map.hasLayer(layer));
+ });
+ }
+
+ addOverlay(map.noteLayer, I18n.t('javascripts.map.layers.notes'));
+ addOverlay(map.dataLayer, I18n.t('javascripts.map.layers.data'));
+ }
+