@hzab/map-combine 0.3.0-beta1 → 0.3.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.
Files changed (12) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/package.json +9 -2
  3. package/src/amap/AMap.ts +300 -248
  4. package/src/amap/AMapEvent.ts +49 -49
  5. package/src/amap/AMapPolygon.ts +195 -195
  6. package/src/amap/AMapPolyline.ts +185 -185
  7. package/src/basic/MapCombine.ts +94 -94
  8. package/src/basic/ReactPoint.tsx +363 -363
  9. package/src/cesium/CesiumEvent.ts +84 -84
  10. package/src/cesium/CesiumMap.ts +341 -341
  11. package/src/cesium/CesiumTile3D.ts +225 -225
  12. package/src/mine/MineEvent.ts +42 -42
package/src/cesium/CesiumEvent.ts CHANGED
@@ -1,84 +1,84 @@
1
- import { CesiumMap } from "./CesiumMap";
2
-
3
- export function bindEvent(map: CesiumMap) {
4
- const { event, viewer, container } = map;
5
- viewer.camera.percentageChanged = 0.0001;
6
-
7
- viewer.scene.preRender.addEventListener(() => {
8
- event.trigger("view-preRender");
9
- });
10
-
11
- viewer.camera.changed.addEventListener(() => {
12
- event.trigger("view-change");
13
- });
14
- viewer.camera.moveEnd.addEventListener(() => {
15
- event.trigger("view-moveEnd");
16
- });
17
- const handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
18
- let target: any;
19
- handler.setInputAction((e: any) => {
20
- event.canvas = [e.endPosition.x, e.endPosition.y];
21
- event.geography = map.canvasTgeography(event.canvas);
22
- let _target: any = undefined;
23
- const res = viewer.scene.pick(e.endPosition);
24
- const a = res ? (res.id ? res.id : res.primitive ? res.primitive : undefined) : undefined;
25
-
26
- if (a && !a.silent) {
27
- _target = a;
28
- }
29
- if (_target !== target) {
30
- target?.onPointerOut?.();
31
- _target?.onPointerIn?.();
32
- target = _target;
33
- }
34
-
35
- if (target) {
36
- map.cursor = target.cursor;
37
- } else {
38
- map.cursor = "";
39
- }
40
- event.trigger("pointer-move");
41
- }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
42
-
43
- handler.setInputAction(() => {
44
- if (target) {
45
- target.onPointerDown?.();
46
- }
47
- event.trigger("pointer-down");
48
- }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
49
-
50
- // 解决 ReactPoint 点击事件无法触发的问题
51
- container.addEventListener("click", () => {
52
- event.trigger("left-click");
53
- });
54
- container.addEventListener("pointerup", () => {
55
- if (target) {
56
- target.onPointerUp?.();
57
- }
58
- event.trigger("pointer-up");
59
- });
60
-
61
- handler.setInputAction((e) => {
62
- if (target) {
63
- target.onLClick?.();
64
- }
65
- event.trigger("left-click");
66
- }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
67
- handler.setInputAction(() => {
68
- if (target) {
69
- target.onRClick?.();
70
- }
71
- event.trigger("right-click");
72
- }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
73
-
74
- handler.setInputAction(() => {
75
- if (target) {
76
- target.onDbClick?.();
77
- }
78
- event.trigger("double-click");
79
- }, Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
80
-
81
- event.on("destroy", () => {
82
- viewer.destroy();
83
- });
84
- }
1
+ import { CesiumMap } from "./CesiumMap";
2
+
3
+ export function bindEvent(map: CesiumMap) {
4
+ const { event, viewer, container } = map;
5
+ viewer.camera.percentageChanged = 0.0001;
6
+
7
+ viewer.scene.preRender.addEventListener(() => {
8
+ event.trigger("view-preRender");
9
+ });
10
+
11
+ viewer.camera.changed.addEventListener(() => {
12
+ event.trigger("view-change");
13
+ });
14
+ viewer.camera.moveEnd.addEventListener(() => {
15
+ event.trigger("view-moveEnd");
16
+ });
17
+ const handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
18
+ let target: any;
19
+ handler.setInputAction((e: any) => {
20
+ event.canvas = [e.endPosition.x, e.endPosition.y];
21
+ event.geography = map.canvasTgeography(event.canvas);
22
+ let _target: any = undefined;
23
+ const res = viewer.scene.pick(e.endPosition);
24
+ const a = res ? (res.id ? res.id : res.primitive ? res.primitive : undefined) : undefined;
25
+
26
+ if (a && !a.silent) {
27
+ _target = a;
28
+ }
29
+ if (_target !== target) {
30
+ target?.onPointerOut?.();
31
+ _target?.onPointerIn?.();
32
+ target = _target;
33
+ }
34
+
35
+ if (target) {
36
+ map.cursor = target.cursor;
37
+ } else {
38
+ map.cursor = "";
39
+ }
40
+ event.trigger("pointer-move");
41
+ }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
42
+
43
+ handler.setInputAction(() => {
44
+ if (target) {
45
+ target.onPointerDown?.();
46
+ }
47
+ event.trigger("pointer-down");
48
+ }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
49
+
50
+ // 解决 ReactPoint 点击事件无法触发的问题
51
+ container.addEventListener("click", () => {
52
+ event.trigger("left-click");
53
+ });
54
+ container.addEventListener("pointerup", () => {
55
+ if (target) {
56
+ target.onPointerUp?.();
57
+ }
58
+ event.trigger("pointer-up");
59
+ });
60
+
61
+ handler.setInputAction((e) => {
62
+ if (target) {
63
+ target.onLClick?.();
64
+ }
65
+ event.trigger("left-click");
66
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
67
+ handler.setInputAction(() => {
68
+ if (target) {
69
+ target.onRClick?.();
70
+ }
71
+ event.trigger("right-click");
72
+ }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
73
+
74
+ handler.setInputAction(() => {
75
+ if (target) {
76
+ target.onDbClick?.();
77
+ }
78
+ event.trigger("double-click");
79
+ }, Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
80
+
81
+ event.on("destroy", () => {
82
+ viewer.destroy();
83
+ });
84
+ }