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 mobile-hide')
13 .attr('title', I18n.t('javascripts.map.layers.title'))
14 .html('<span class="icon layers"></span>')
16 .appendTo($container);
19 .attr('class', 'layers-ui');
22 .attr('class', 'sidebar_heading')
26 .text(I18n.t('javascripts.close'))
27 .attr('class', 'icon close')
28 .bind('click', toggle))
31 .text(I18n.t('javascripts.map.layers.header')));
33 var baseSection = $('<div>')
34 .attr('class', 'section base-layers')
38 .appendTo(baseSection);
40 layers.forEach(function(layer) {
44 if (map.hasLayer(layer)) {
45 item.addClass('active');
51 map.whenReady(function() {
52 var miniMap = L.map(div[0], {attributionControl: false, zoomControl: false})
53 .addLayer(new layer.constructor());
55 miniMap.dragging.disable();
56 miniMap.touchZoom.disable();
57 miniMap.doubleClickZoom.disable();
58 miniMap.scrollWheelZoom.disable();
65 miniMap.invalidateSize();
66 setView({animate: false});
67 map.on('moveend', moved);
71 map.off('moveend', moved);
78 function setView(options) {
79 miniMap.setView(map.getCenter(), Math.max(map.getZoom() - 2, 0), options);
83 var label = $('<label>')
86 var input = $('<input>')
87 .attr('type', 'radio')
88 .prop('checked', map.hasLayer(layer))
91 label.append(layer.options.name);
93 item.on('click', function() {
94 layers.forEach(function(other) {
95 if (other === layer) {
98 map.removeLayer(other);
101 map.fire('baselayerchange', {layer: layer});
104 map.on('layeradd layerremove', function() {
105 item.toggleClass('active', map.hasLayer(layer));
106 input.prop('checked', map.hasLayer(layer));
110 if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') {
111 var overlaySection = $('<div>')
112 .attr('class', 'section overlay-layers')
116 .text(I18n.t('javascripts.map.layers.overlays'))
117 .attr("class", "deemphasize")
118 .appendTo(overlaySection);
121 .appendTo(overlaySection);
123 function addOverlay(layer, name) {
127 var label = $('<label>')
130 var input = $('<input>')
131 .attr('type', 'checkbox')
132 .prop('checked', map.hasLayer(layer))
137 input.on('change', function() {
138 if (input.is(':checked')) {
141 map.removeLayer(layer);
145 map.on('layeradd layerremove', function() {
146 input.prop('checked', map.hasLayer(layer));
150 addOverlay(map.noteLayer, I18n.t('javascripts.map.layers.notes'));
151 addOverlay(map.dataLayer, I18n.t('javascripts.map.layers.data'));
154 options.sidebar.addPane($ui);
159 options.sidebar.togglePane($ui, button);
162 return $container[0];