X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/de5a225a95125db1a66d6dfbaa3a790db9719c18..bc70cae711fb6947233d6a750cb33f115aa7a01b:/app/assets/javascripts/leaflet.zoom.js?ds=sidebyside diff --git a/app/assets/javascripts/leaflet.zoom.js b/app/assets/javascripts/leaflet.zoom.js index 80b4ab1bc..20a02befa 100644 --- a/app/assets/javascripts/leaflet.zoom.js +++ b/app/assets/javascripts/leaflet.zoom.js @@ -1,72 +1,72 @@ L.OSM.Zoom = L.Control.extend({ - options: { - position: 'topright' - }, + options: { + position: "topright" + }, - onAdd: function (map) { - var zoomName = 'zoom', - container = L.DomUtil.create('div', zoomName); + onAdd: function (map) { + var zoomName = "zoom", + container = L.DomUtil.create("div", zoomName); - this._map = map; + this._map = map; - this._zoomInButton = this._createButton( - '', I18n.t('javascripts.map.zoom.in'), zoomName + 'in', container, this._zoomIn, this); - this._zoomOutButton = this._createButton( - '', I18n.t('javascripts.map.zoom.out'), zoomName + 'out', container, this._zoomOut, this); + this._zoomInButton = this._createButton( + "", I18n.t("javascripts.map.zoom.in"), zoomName + "in", container, this._zoomIn, this); + this._zoomOutButton = this._createButton( + "", I18n.t("javascripts.map.zoom.out"), zoomName + "out", container, this._zoomOut, this); - map.on('zoomend zoomlevelschange', this._updateDisabled, this); + map.on("zoomend zoomlevelschange", this._updateDisabled, this); - return container; - }, + return container; + }, - onRemove: function (map) { - map.off('zoomend zoomlevelschange', this._updateDisabled, this); - }, + onRemove: function (map) { + map.off("zoomend zoomlevelschange", this._updateDisabled, this); + }, - _zoomIn: function (e) { - this._map.zoomIn(e.shiftKey ? 3 : 1); - }, + _zoomIn: function (e) { + this._map.zoomIn(e.shiftKey ? 3 : 1); + }, - _zoomOut: function (e) { - this._map.zoomOut(e.shiftKey ? 3 : 1); - }, + _zoomOut: function (e) { + this._map.zoomOut(e.shiftKey ? 3 : 1); + }, - _createButton: function (html, title, className, container, fn, context) { - var link = L.DomUtil.create('a', 'control-button ' + className, container); - link.innerHTML = html; - link.href = '#'; - link.title = title; + _createButton: function (html, title, className, container, fn, context) { + var link = L.DomUtil.create("a", "control-button " + className, container); + link.innerHTML = html; + link.href = "#"; + link.title = title; - var sprite = L.DomUtil.create('span', 'icon ' + className, link); + L.DomUtil.create("span", "icon " + className, link); - var stop = L.DomEvent.stopPropagation; + var stop = L.DomEvent.stopPropagation; - L.DomEvent - .on(link, 'click', stop) - .on(link, 'mousedown', stop) - .on(link, 'dblclick', stop) - .on(link, 'click', L.DomEvent.preventDefault) - .on(link, 'click', fn, context); + L.DomEvent + .on(link, "click", stop) + .on(link, "mousedown", stop) + .on(link, "dblclick", stop) + .on(link, "click", L.DomEvent.preventDefault) + .on(link, "click", fn, context); - return link; - }, + return link; + }, - _updateDisabled: function () { - var map = this._map, - className = 'leaflet-disabled'; + _updateDisabled: function () { + var map = this._map, + className = "disabled"; - L.DomUtil.removeClass(this._zoomInButton, className); - L.DomUtil.removeClass(this._zoomOutButton, className); + L.DomUtil.removeClass(this._zoomInButton, className); + L.DomUtil.removeClass(this._zoomOutButton, className); - if (map._zoom === map.getMinZoom()) { - L.DomUtil.addClass(this._zoomOutButton, className); - } - if (map._zoom === map.getMaxZoom()) { - L.DomUtil.addClass(this._zoomInButton, className); - } - } + if (map._zoom === map.getMinZoom()) { + L.DomUtil.addClass(this._zoomOutButton, className); + } + if (map._zoom === map.getMaxZoom()) { + L.DomUtil.addClass(this._zoomInButton, className); + } + } }); L.OSM.zoom = function (options) { - return new L.OSM.Zoom(options); + return new L.OSM.Zoom(options); };