Mercurial > pub > ImplabJs

comparison src/djol/interaction/FeatureDrag.js @ 8:f0035923ff3e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
добавлена библиотека для работы с openlayers 3+
author cin
date Mon, 21 Aug 2017 17:47:00 +0300
parents
children
comparison
equal deleted inserted replaced
7:9c0943c68a90 8:f0035923ff3e
1 define([ "dojo/_base/declare", "ol", "dojo/Evented" ], function(declare, ol,
2 Evented) {
3
4 var peekFirstFeature = function(map, coordinate, pixel) {
5 return map.forEachFeatureAtPixel(function(ft, layer) {
6 return ft;
7 });
8 };
9
10 var cls = declare([ ol.interaction.Pointer ], {
11 "-chains-" : {
12 constructor : "manual"
13 },
14
15 _peek : null,
16
17 _feature : null,
18
19 _coordinate : null,
20
21 cursor : "pointer",
22
23 _oldCursor : undefined,
24
25 /**
26 * Создает новый объект
27 *
28 * @param {Object}
29 * opts опции
30 * @param {Function}
31 * opts.peek Функция выбора фичи для перетаскивания
32 * function(map,coordinate,pixel), возвращает фичу
33 * @param {String}
34 * opts.cursor css курсор который будет использован при
35 * наведении и перетаскивании фичи
36 *
37 */
38 constructor : function(opts) {
39
40 ol.interaction.Pointer.apply(this, [{
41 handleDownEvent : this.handleDownEvent,
42 handleDragEvent : this.handleDragEvent,
43 handleMoveEvent : this.handleMoveEvent,
44 handleUpEvent : this.handleUpEvent
45 }]);
46 Evented.apply(this);
47
48 if (opts) {
49 if (opts.peek) {
50 this._peek = opts.peek;
51 } else {
52 this._peek = peekFirstFeature;
53 }
54 if ("cursor" in opts)
55 this.cursor = opts.cursor;
56 }
57 },
58
59 handleDownEvent : function(evt) {
60 var c = evt.coordinate;
61
62 var ft = this._peek(evt.map, c, evt.pixel);
63
64 if (ft) {
65 this._feature = ft;
66 this._coordinate = c;
67 this._emit("dragbegin", { feature : ft });
68 return true;
69 }
70
71 return false;
72 },
73
74 handleDragEvent : function(evt) {
75 var c1 = this._coordinate, c2 = evt.coordinate;
76
77 var dx = c2[0] - c1[0];
78 var dy = c2[1] - c1[1];
79
80 this._emit("dragging", { feature : this._feature, fromCoord : c1, toCoord : c2 });
81
82 this._feature.getGeometry().translate(dx, dy);
83
84 this._coordinate = c2;
85 },
86
87 handleUpEvent : function(evt) {
88 if (this._feature)
89 this._emit("dragend", { feature : this._feature });
90
91 this._feature = null;
92 this._coordinate = null;
93 return false;
94 },
95
96 handleMoveEvent : function(evt) {
97 if (this.cursor) {
98 var ft = this._feature || this._peek(evt.map, evt.coordinate , evt.pixel);
99
100 var element = evt.map.getTargetElement();
101 if (ft) {
102 if (element.style.cursor != this.cursor) {
103 this._oldCursor = element.style.cursor;
104 element.style.cursor = this.cursor;
105 }
106 } else if (this._oldCursor !== undefined) {
107 element.style.cursor = this._oldCursor;
108 this._oldCursor = undefined;
109 }
110 }
111 },
112
113 _emit : function(name, data) {
114 var evt = new ol.source.VectorEvent(name,this);
115
116 for(var p in data)
117 evt[p] = data[p];
118 this.dispatchEvent(evt);
119 }
120 });
121
122 return cls;
123 });