1 L.OSM.layers = function(options) {
2 var control = L.control(options);
4 control.onAdd = function (map) {
5 var layers = options.layers;
7 var $container = $('<div>')
8 .attr('class', 'control-layers');
11 .attr('class', 'control-button')
13 .attr('title', 'Layers')
14 .html('<span class="icon layers"></span>')
16 .appendTo($container);
19 .attr('class', 'layers-ui');
26 .attr('class', 'close-button')
28 .bind('click', toggle))
31 .text(I18n.t('javascripts.map.layers.header')));
33 var baseSection = $('<section>')
34 .addClass('base-layers')
38 .text(I18n.t('javascripts.map.layers.base'))
39 .appendTo(baseSection);
42 .appendTo(baseSection);
44 layers.forEach(function(layer) {
48 if (map.hasLayer(layer)) {
49 item.addClass('active');
55 map.whenReady(function() {
56 var miniMap = L.map(div[0], {attributionControl: false, zoomControl: false})
57 .addLayer(new layer.constructor());
59 miniMap.dragging.disable();
60 miniMap.touchZoom.disable();
61 miniMap.doubleClickZoom.disable();
62 miniMap.scrollWheelZoom.disable();
69 miniMap.invalidateSize();
71 map.on('moveend', setView);
75 map.off('moveend', setView);
79 miniMap.setView(map.getCenter(), Math.max(map.getZoom() - 2, 0));
83 var label = $('<label>')
84 .text(layer.options.name)
87 item.on('click', function() {
88 layers.forEach(function(other) {
89 if (other === layer) {
92 map.removeLayer(other);
97 map.on('layeradd layerremove', function() {
98 item.toggleClass('active', map.hasLayer(layer));
102 if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') {
103 var overlaySection = $('<section>')
104 .addClass('overlay-layers')
108 .text(I18n.t('javascripts.map.layers.overlays'))
109 .appendTo(overlaySection);
112 .appendTo(overlaySection);
114 function addOverlay(layer, name) {
118 var label = $('<label>')
121 var input = $('<input>')
122 .attr('type', 'checkbox')
123 .prop('checked', map.hasLayer(layer))
128 input.on('change', function() {
129 if (input.is(':checked')) {
132 map.removeLayer(layer);
136 map.on('layeradd layerremove', function() {
137 input.prop('checked', map.hasLayer(layer));
141 addOverlay(map.noteLayer, I18n.t('javascripts.map.layers.notes'));
142 addOverlay(map.dataLayer, I18n.t('javascripts.map.layers.data'));
145 options.sidebar.addPane($ui);
150 options.sidebar.togglePane($ui);
153 return $container[0];