X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/10c9ca81c788c5aa3cd7a66d9cdbaedc14def1bc..bf9dd8f350ca1b54afb79dda79506d980ccb5738:/app/assets/javascripts/leaflet.layers.js
diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js
index ce0fcd9f3..87ff87370 100644
--- a/app/assets/javascripts/leaflet.layers.js
+++ b/app/assets/javascripts/leaflet.layers.js
@@ -1,68 +1,195 @@
-//= require templates/map/layers
-
-L.OSM.Layers = L.Control.extend({
- onAdd: function (map) {
- this._map = map;
- this._initLayout(map);
- return this._container;
- },
-
- _initLayout: function (map) {
- var className = 'leaflet-control-map-ui',
- container = this._container = L.DomUtil.create('div', className);
-
- var link = this._layersLink = L.DomUtil.create('a', 'leaflet-map-ui-layers', container);
- link.href = '#';
- link.title = 'Layers';
-
- this._uiPane = this.options.uiPane;
-
- $(link).on('click', $.proxy(this.toggleLayers, this));
- },
-
- toggleLayers: function (e) {
- e.stopPropagation();
- e.preventDefault();
-
- var controlContainer = $('.leaflet-control-container .leaflet-top.leaflet-right');
-
- if ($(this._uiPane).is(':visible')) {
- $(this._uiPane).hide();
- controlContainer.css({paddingRight: '0'});
- } else {
- $(this._uiPane)
- .show()
- .html(JST["templates/map/layers"]());
-
- var list = $(this._uiPane).find('.base-layers ul');
-
- var layers = this.options.layers;
- for (var i = 0; i < layers.length; i++) {
- var item = $('
')
- .appendTo(list);
-
- var div = $('')
- .appendTo(item);
+L.OSM.layers = function (options) {
+ var control = L.control(options);
+
+ control.onAdd = function (map) {
+ var layers = options.layers;
+
+ var $container = $("