1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
/* -*- js-indent-level: 8 -*- */
/*
* L.Handler.Scroll is used by L.Map to enable mouse scroll wheel zoom on the map.
*/
L.Map.mergeOptions({
scrollHandler: true,
wheelDebounceTime: 40
});
L.Map.Scroll = L.Handler.extend({
addHooks: function () {
L.DomEvent.on(this._map._container, {
mousewheel: this._onWheelScroll,
MozMousePixelScroll: L.DomEvent.preventDefault
}, this);
this._delta = 0;
this._vertical = 1;
},
removeHooks: function () {
L.DomEvent.off(this._map._container, {
mousewheel: this._onWheelScroll,
MozMousePixelScroll: L.DomEvent.preventDefault
}, this);
},
_onWheelScroll: function (e) {
var delta = L.DomEvent.getWheelDelta(e);
var debounce = this._map.options.wheelDebounceTime;
this._delta += delta;
this._lastMousePos = this._map.mouseEventToContainerPoint(e);
if (!this._startTime) {
this._startTime = +new Date();
}
var left = Math.max(debounce - (+new Date() - this._startTime), 0);
clearTimeout(this._timer);
if (e.ctrlKey) {
this._timer = setTimeout(L.bind(this._performZoom, this), left);
}
else if (e.shiftKey) {
this._vertical = 0;
this._timer = setTimeout(L.bind(this._performScroll, this), left);
}
else {
this._vertical = 1;
this._timer = setTimeout(L.bind(this._performScroll, this), left);
}
L.DomEvent.stop(e);
},
_performScroll: function () {
var map = this._map,
delta = -this._delta,
scrollAmount = Math.round(map.getSize().y / 20);
this._delta = 0;
this._startTime = null;
if (!delta) { return; }
map.fire('scrollby', {x: (1 - this._vertical) * delta * scrollAmount, y: this._vertical * delta * scrollAmount});
},
_performZoom: function () {
var map = this._map,
delta = this._delta,
zoom = map.getZoom();
map.stop(); // stop panning and fly animations if any
delta = delta > 0 ? Math.ceil(delta) : Math.floor(delta);
delta = Math.max(Math.min(delta, 4), -4);
delta = map._limitZoom(zoom + delta) - zoom;
this._delta = 0;
this._startTime = null;
if (!delta) { return; }
if (map.options.scrollWheelZoom === 'center') {
map.setZoom(zoom + delta);
} else { // eslint-disable-next-line no-lonely-if
map.setZoomAround(this._lastMousePos, zoom + delta);
}
}
});
|