]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/leaflet.zoom.js
Merge remote-tracking branch 'upstream/pull/3962'
[rails.git] / 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 };