geopf-extensions-openlayers/src/packages/Interactions/LongTouch.js at feature/drawing-refonte · IGNF/geopf-extensions-openlayers · GitHub

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
import ol_interaction_Interaction from "ol/interaction/Interaction.js";

/** Interaction to handle longtouch events
 * @constructor
 * @extends {ol_interaction_Interaction}
 * @param {Object} options Interaction options
 * 	@param {function | undefined} options.handleLongTouchEvent Function handling "longtouch" events, it will receive a mapBrowserEvent. Or listen to the map "longtouch" event.
 *	@param {integer | undefined} [options.pixelTolerance=0] pixel tolerance before drag, default 0
 *	@param {integer | undefined} [options.delay=1000] The delay for a long touch in ms, default is 1000
 */
class LongTouch extends ol_interaction_Interaction {

    constructor (options) {
        options = options || {};

        var ltouch = options.handleLongTouchEvent || function () { };
        var _timeout = null;
        var position, event;
        var tol = options.pixelTolerance || 0;

        super({
            handleEvent : function (e) {
                if (this.getActive()) {
                    switch (e.type) {
                        case "pointerdown": {
                            if (_timeout) {
                                clearTimeout(_timeout);
                            }
                            position = e.pixel;
                            event = {
                                type : "longtouch",
                                originalEvent : e.originalEvent,
                                frameState : e.frameState,
                                pixel : e.pixel,
                                coordinate : e.coordinate,
                                map : this.getMap()
                            };
                            _timeout = setTimeout(function () {
                                console.log("longtouch");
                                ltouch(event);
                                event.map.dispatchEvent(event);
                                e.type = "pointerup";
                                event.map.dispatchEvent(e);
                            }, this.delay_);
                            break;
                        }
                        case "pointerdrag": {
                            // e.dragging = false;
                            // Check if dragging over tolerance
                            if (_timeout && (Math.abs(e.pixel[0] - position[0]) > tol || Math.abs(e.pixel[1] - position[1]) > tol)) {
                                clearTimeout(_timeout);
                                _timeout = null;
                            }
                            break;
                        }
                        case "pointerup": {
                            if (_timeout) {
                                clearTimeout(_timeout);
                                _timeout = null;
                            }
                            break;
                        }
                        default: break;
                    }
                } else {
                    if (_timeout) {
                        clearTimeout(_timeout);
                        _timeout = null;
                    }
                }
                return true;
            }
        });

        this.delay_ = options.delay || 1000;
    }

}

export default LongTouch;

// Expose DrawingInteraction as ol.interaction.Drawing (for a build bundle)
if (window.ol && window.ol.interaction) {
    window.ol.interaction.LongTouch = LongTouch;
}