@hzab/map-combine 0.4.0-alpha.0 → 0.4.2-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/package.json +1 -4
- package/src/amap/AMap.ts +306 -306
- package/src/amap/AMapEvent.ts +54 -54
- package/src/basic/BasicElement.ts +14 -14
- package/src/basic/BasicMarker.ts +32 -26
- package/src/basic/BasicMouseHandler.ts +4 -4
- package/src/basic/MapCombine.ts +98 -98
- package/src/basic/Point.ts +173 -173
- package/src/basic/PointAggregation.tsx +5 -4
- package/src/basic/Polygon.ts +81 -70
- package/src/basic/Polyline.ts +85 -75
- package/src/basic/ReactPopup.tsx +12 -10
- package/src/cesium/CesiumMap.ts +347 -347
- package/src/cesium/CesiumPoint.ts +69 -69
- package/src/cesium/CesiumPolygon.ts +181 -190
- package/src/cesium/CesiumPolyline.ts +369 -369
- package/src/mine/MineEvent.ts +46 -46
- package/src/mine/MineMap.ts +125 -125
- package/src/mine/MinePoint.ts +70 -78
- package/src/mine/MinePolygon.ts +206 -216
- package/src/mine/MinePolyline.ts +193 -203
- package/src/mine/MineTile3D.ts +7 -11
- package/src/openlayer/OpenlayerEvent.ts +87 -87
- package/src/openlayer/OpenlayerMap.ts +287 -287
- package/src/openlayer/OpenlayerPoint.ts +185 -177
- package/src/openlayer/OpenlayerPolygon.ts +302 -299
- package/src/openlayer/OpenlayerPolyline.ts +303 -289
- package/src/utils/Image.ts +16 -20
- package/src/utils/PolygonEditor.ts +78 -99
- package/src/utils/PolylineEditor.ts +75 -90
- package/src/utils/static.ts +3 -3
|
@@ -1,87 +1,87 @@
|
|
|
1
|
-
import { OpenlayerMap } from "./OpenlayerMap";
|
|
2
|
-
|
|
3
|
-
export function bindEvent(map: OpenlayerMap) {
|
|
4
|
-
const { event, viewer, container } = map;
|
|
5
|
-
let target: any;
|
|
6
|
-
let moving = false;
|
|
7
|
-
|
|
8
|
-
const frame = () => {
|
|
9
|
-
if (map.isAlive) {
|
|
10
|
-
requestAnimationFrame(frame);
|
|
11
|
-
event.trigger("view-preRender");
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
frame();
|
|
15
|
-
|
|
16
|
-
viewer.on("moveend", (e) => {
|
|
17
|
-
event.trigger("view-moveEnd");
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
viewer.on("pointermove", (e) => {
|
|
21
|
-
event.canvas = e.pixel;
|
|
22
|
-
event.geography = map.canvasTgeography(event.canvas);
|
|
23
|
-
let _target: any;
|
|
24
|
-
if (moving) {
|
|
25
|
-
event.trigger("pointer-move");
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
const res = viewer.getFeaturesAtPixel(event.canvas)[0];
|
|
29
|
-
_target = res ? res.get("event") : undefined;
|
|
30
|
-
if (_target?.silent) {
|
|
31
|
-
_target = undefined;
|
|
32
|
-
}
|
|
33
|
-
if (_target !== target) {
|
|
34
|
-
target?.onPointerOut?.();
|
|
35
|
-
_target?.onPointerIn?.();
|
|
36
|
-
target = _target;
|
|
37
|
-
}
|
|
38
|
-
event.trigger("pointer-move");
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
container.addEventListener("mousedown", () => {
|
|
42
|
-
if (target) {
|
|
43
|
-
moving = true;
|
|
44
|
-
target.onPointerDown?.();
|
|
45
|
-
}
|
|
46
|
-
event.trigger("pointer-down");
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
container.addEventListener("mouseup", () => {
|
|
50
|
-
if (target) {
|
|
51
|
-
moving = false;
|
|
52
|
-
target.onPointerUp?.();
|
|
53
|
-
}
|
|
54
|
-
event.trigger("pointer-up");
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
container.addEventListener("contextmenu", (e) => {
|
|
58
|
-
e.preventDefault();
|
|
59
|
-
if (target) {
|
|
60
|
-
target.onRClick?.();
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
|
|
64
|
-
viewer.on("click", () => {
|
|
65
|
-
if (target) {
|
|
66
|
-
target.onLClick?.();
|
|
67
|
-
}
|
|
68
|
-
event.trigger("left-click");
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
viewer.on("dblclick", () => {
|
|
72
|
-
if (target) {
|
|
73
|
-
target.onDbClick?.();
|
|
74
|
-
}
|
|
75
|
-
map.event.trigger("double-click");
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
let key = 0;
|
|
79
|
-
|
|
80
|
-
viewer.on("precompose", () => {
|
|
81
|
-
const _key = map.center.reduce((a, b) => a + b, map.zoom);
|
|
82
|
-
if (key != _key) {
|
|
83
|
-
key = _key;
|
|
84
|
-
event.trigger("view-change");
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
}
|
|
1
|
+
import { OpenlayerMap } from "./OpenlayerMap";
|
|
2
|
+
|
|
3
|
+
export function bindEvent(map: OpenlayerMap) {
|
|
4
|
+
const { event, viewer, container } = map;
|
|
5
|
+
let target: any;
|
|
6
|
+
let moving = false;
|
|
7
|
+
|
|
8
|
+
const frame = () => {
|
|
9
|
+
if (map.isAlive) {
|
|
10
|
+
requestAnimationFrame(frame);
|
|
11
|
+
event.trigger("view-preRender");
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
frame();
|
|
15
|
+
|
|
16
|
+
viewer.on("moveend", (e) => {
|
|
17
|
+
event.trigger("view-moveEnd");
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
viewer.on("pointermove", (e) => {
|
|
21
|
+
event.canvas = e.pixel;
|
|
22
|
+
event.geography = map.canvasTgeography(event.canvas);
|
|
23
|
+
let _target: any;
|
|
24
|
+
if (moving) {
|
|
25
|
+
event.trigger("pointer-move");
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
const res = viewer.getFeaturesAtPixel(event.canvas)[0];
|
|
29
|
+
_target = res ? res.get("event") : undefined;
|
|
30
|
+
if (_target?.silent) {
|
|
31
|
+
_target = undefined;
|
|
32
|
+
}
|
|
33
|
+
if (_target !== target) {
|
|
34
|
+
target?.onPointerOut?.();
|
|
35
|
+
_target?.onPointerIn?.();
|
|
36
|
+
target = _target;
|
|
37
|
+
}
|
|
38
|
+
event.trigger("pointer-move");
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
container.addEventListener("mousedown", () => {
|
|
42
|
+
if (target) {
|
|
43
|
+
moving = true;
|
|
44
|
+
target.onPointerDown?.();
|
|
45
|
+
}
|
|
46
|
+
event.trigger("pointer-down");
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
container.addEventListener("mouseup", () => {
|
|
50
|
+
if (target) {
|
|
51
|
+
moving = false;
|
|
52
|
+
target.onPointerUp?.();
|
|
53
|
+
}
|
|
54
|
+
event.trigger("pointer-up");
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
container.addEventListener("contextmenu", (e) => {
|
|
58
|
+
e.preventDefault();
|
|
59
|
+
if (target) {
|
|
60
|
+
target.onRClick?.();
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
viewer.on("click", () => {
|
|
65
|
+
if (target) {
|
|
66
|
+
target.onLClick?.();
|
|
67
|
+
}
|
|
68
|
+
event.trigger("left-click");
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
viewer.on("dblclick", () => {
|
|
72
|
+
if (target) {
|
|
73
|
+
target.onDbClick?.();
|
|
74
|
+
}
|
|
75
|
+
map.event.trigger("double-click");
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
let key = 0;
|
|
79
|
+
|
|
80
|
+
viewer.on("precompose", () => {
|
|
81
|
+
const _key = map.center.reduce((a, b) => a + b, map.zoom);
|
|
82
|
+
if (key != _key) {
|
|
83
|
+
key = _key;
|
|
84
|
+
event.trigger("view-change");
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
}
|