app/assets/javascripts/leaflet.zoom.js

   1 L.OSM.Zoom = L.Control.extend({
   2   options: {
   3     position: "topright"
   4   },
   5
   6   onAdd: function (map) {
   7     var zoomName = "zoom",
   8         container = L.DomUtil.create("div", zoomName);
   9
  10     this._map = map;
  11
  12     this._zoomInButton = this._createButton(
  13       "", I18n.t("javascripts.map.zoom.in"), zoomName + "in", container, this._zoomIn, this);
  14     this._zoomOutButton = this._createButton(
  15       "", I18n.t("javascripts.map.zoom.out"), zoomName + "out", container, this._zoomOut, this);
  16
  17     map.on("zoomend zoomlevelschange", this._updateDisabled, this);
  18
  19     return container;
  20   },
  21
  22   onRemove: function (map) {
  23     map.off("zoomend zoomlevelschange", this._updateDisabled, this);
  24   },
  25
  26   _zoomIn: function (e) {
  27     this._map.zoomIn(e.shiftKey ? 3 : 1);
  28   },
  29
  30   _zoomOut: function (e) {
  31     this._map.zoomOut(e.shiftKey ? 3 : 1);
  32   },
  33
  34   _createButton: function (html, title, className, container, fn, context) {
  35     var link = L.DomUtil.create("a", "control-button " + className, container);
  36     link.innerHTML = html;
  37     link.href = "#";
  38     link.title = title;
  39
  40     L.DomUtil.create("span", "icon " + className, link);
  41
  42     var stop = L.DomEvent.stopPropagation;
  43
  44     L.DomEvent
  45       .on(link, "click", stop)
  46       .on(link, "mousedown", stop)
  47       .on(link, "dblclick", stop)
  48       .on(link, "click", L.DomEvent.preventDefault)
  49       .on(link, "click", fn, context);
  50
  51     return link;
  52   },
  53
  54   _updateDisabled: function () {
  55     var map = this._map,
  56         className = "disabled";
  57
  58     L.DomUtil.removeClass(this._zoomInButton, className);
  59     L.DomUtil.removeClass(this._zoomOutButton, className);
  60
  61     if (map._zoom === map.getMinZoom()) {
  62       L.DomUtil.addClass(this._zoomOutButton, className);
  63     }
  64     if (map._zoom === map.getMaxZoom()) {
  65       L.DomUtil.addClass(this._zoomInButton, className);
  66     }
  67   }
  68 });
  69
  70 L.OSM.zoom = function (options) {
  71   return new L.OSM.Zoom(options);
  72 };