@hzab/map-combine 0.4.2-alpha.1 → 0.4.2-alpha.3

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 (23) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/package.json +1 -1
  3. package/src/amap/AMapEvent.ts +55 -54
  4. package/src/amap/AMapPoint.ts +149 -143
  5. package/src/amap/AMapPolygon.ts +196 -195
  6. package/src/amap/AMapPolyline.ts +186 -185
  7. package/src/basic/BasicBusiness.ts +5 -5
  8. package/src/basic/BasicModel.ts +48 -0
  9. package/src/basic/MapCombine.ts +4 -0
  10. package/src/basic/Point.ts +1 -0
  11. package/src/basic/PointAggregation.tsx +22 -11
  12. package/src/basic/ReactPopup.tsx +3 -0
  13. package/src/cesium/CesiumEvent.ts +85 -84
  14. package/src/cesium/CesiumMap.ts +358 -347
  15. package/src/cesium/CesiumModel.ts +60 -0
  16. package/src/cesium/CesiumPoint.ts +1 -0
  17. package/src/mine/MineEvent.ts +55 -46
  18. package/src/mine/MinePoint.ts +1 -1
  19. package/src/mine/MinePolygon.ts +2 -1
  20. package/src/mine/MinePolyline.ts +2 -1
  21. package/src/openlayer/OpenlayerEvent.ts +88 -87
  22. package/src/utils/turfjs-utils.ts +52 -0
  23. package/src/utils/types.d.ts +12 -0
package/src/cesium/CesiumEvent.ts CHANGED
@@ -1,84 +1,85 @@
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
+ map.bussinesses.forEach((e) => e.show && e.onFrame?.());
10
+ });
11
+
12
+ viewer.camera.changed.addEventListener(() => {
13
+ event.trigger("view-change");
14
+ });
15
+ viewer.camera.moveEnd.addEventListener(() => {
16
+ event.trigger("view-moveEnd");
17
+ });
18
+ const handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
19
+ let target: any;
20
+ handler.setInputAction((e: any) => {
21
+ event.canvas = [e.endPosition.x, e.endPosition.y];
22
+ event.geography = map.canvasTgeography(event.canvas);
23
+ let _target: any = undefined;
24
+ const res = viewer.scene.pick(e.endPosition);
25
+ const a = res ? (res.id ? res.id : res.primitive ? res.primitive : undefined) : undefined;
26
+
27
+ if (a && !a.silent) {
28
+ _target = a;
29
+ }
30
+ if (_target !== target) {
31
+ target?.onPointerOut?.();
32
+ _target?.onPointerIn?.();
33
+ target = _target;
34
+ }
35
+
36
+ if (target) {
37
+ map.cursor = target.cursor;
38
+ } else {
39
+ map.cursor = "";
40
+ }
41
+ event.trigger("pointer-move");
42
+ }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
43
+
44
+ handler.setInputAction(() => {
45
+ if (target) {
46
+ target.onPointerDown?.();
47
+ }
48
+ event.trigger("pointer-down");
49
+ }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
50
+
51
+ // 解决 ReactPoint 点击事件无法触发的问题
52
+ container.addEventListener("click", () => {
53
+ event.trigger("left-click");
54
+ });
55
+ container.addEventListener("pointerup", () => {
56
+ if (target) {
57
+ target.onPointerUp?.();
58
+ }
59
+ event.trigger("pointer-up");
60
+ });
61
+
62
+ handler.setInputAction((e) => {
63
+ if (target) {
64
+ target.onLClick?.();
65
+ }
66
+ event.trigger("left-click");
67
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
68
+ handler.setInputAction(() => {
69
+ if (target) {
70
+ target.onRClick?.();
71
+ }
72
+ event.trigger("right-click");
73
+ }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
74
+
75
+ handler.setInputAction(() => {
76
+ if (target) {
77
+ target.onDbClick?.();
78
+ }
79
+ event.trigger("double-click");
80
+ }, Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
81
+
82
+ event.on("destroy", () => {
83
+ viewer.destroy();
84
+ });
85
+ }