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 = 'leaflet-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 };