@hzab/map-combine 0.3.0-beta → 1.0.0-alpha.0

package/src/cesium/CesiumTile3D.ts

@@ -55,7 +55,7 @@ export function drawTile3D(map: CesiumMap, tile3d: Tile3D) {
     // (window as any).getCenter = () => {
     //   const center = tileset.boundingSphere.center
     //   const cartographic = Cesium.Cartographic.fromCartesian(center)
-    //   console.log(Cesium.Math.toDegrees(cartographic.longitude), Cesium.Math.toDegrees(cartographic.latitude), cartographic.height);
+    //   console.info(Cesium.Math.toDegrees(cartographic.longitude), Cesium.Math.toDegrees(cartographic.latitude), cartographic.height);
     // }
   });
 
@@ -103,7 +103,6 @@ export function drawTile3D(map: CesiumMap, tile3d: Tile3D) {
   tile3d.tileset = tileset;
   tile3d.translate = function (x: number, y: number, z: number, _tileset) {
     return tileset.readyPromise.then((argument) => {
-      console.log("debug translate tileset.readyPromise");
       test();
       translate(x, y, z, _tileset || tileset);
     });
@@ -125,7 +124,7 @@ export function drawTile3D(map: CesiumMap, tile3d: Tile3D) {
 }
 
 function test() {
-  console.log("debug test");
+  console.info("debug test");
 }
 
 /** 基于本地的 ENU 坐标系的偏移，也就是垂直于地表向上为 Z，东为 X，北为 Y
@@ -135,9 +134,7 @@ function test() {
  * @param tileset Cesium3DTileset
  */
 function translate(dx: number, dy: number, dz: number, tileset) {
-  console.log("debug translate", dx, dy, dz);
   if (dx === 0 && dy === 0 && dz === 0) return;
-  console.log("debug translate", dx, dy, dz);
 
   try {
     const { Cartesian3, Matrix4, Transforms } = Cesium;
@@ -169,7 +166,6 @@ function translate(dx: number, dy: number, dz: number, tileset) {
  * @param tileset Cesium3DTileset
  */
 function rotate(rx: number, ry: number, rz: number, tileset) {
-  console.log("debug rotate ", rx, ry, rz);
   if (rx === 0 && ry === 0 && rz === 0) return;
   const { Matrix3, Matrix4, Transforms, Math: CesiumMath } = Cesium;
   // 获取中心点。

package/src/mine/MineEvent.ts

@@ -1,29 +1,42 @@
 import { MineMap } from "./MineMap";
 
-
 export function bindEvent(map: MineMap) {
-  const { event, viewer, container } = map
-  viewer.on('mousemove', (e) => {
-    event.canvas = [e.point.x, e.point.y]
-    event.geography = [e.lngLat.lng, e.lngLat.lat, 0]
-  })
-  container.addEventListener('pointermove', (e) => {
-    event.trigger('pointer-move')
-  })
-  viewer.on('move', () => {
-    event.trigger('view-change')
-  })
-  viewer.on('mouseup', () => {
-    event.trigger('pointer-up')
-  })
-  viewer.on('mousedown', () => {
-    event.trigger('pointer-down')
-  })
-  viewer.on('click', () => {
-    event.trigger('left-click')
-  })
+  const { event, viewer, container } = map;
+
+  container.addEventListener("mousedown", (e) => {
+    event.trigger("pointer-down");
+  });
+
+  container.addEventListener("mouseup", (e) => {
+    event.trigger("pointer-up");
+  });
+
+  // 解决 ReactPoint 点击事件无法触发的问题
+  container.addEventListener("click", (e) => {
+    event.trigger("left-click");
+  });
+
+  viewer.on("mousemove", (e) => {
+    event.canvas = [e.point.x, e.point.y];
+    event.geography = [e.lngLat.lng, e.lngLat.lat, 0];
+  });
+  container.addEventListener("pointermove", (e) => {
+    event.trigger("pointer-move");
+  });
+  viewer.on("move", () => {
+    event.trigger("view-change");
+  });
+  viewer.on("mouseup", () => {
+    event.trigger("pointer-up");
+  });
+  viewer.on("mousedown", () => {
+    event.trigger("pointer-down");
+  });
+  viewer.on("click", () => {
+    event.trigger("left-click");
+  });
 
-  event.on('destroy', () => {
-    this.viewer.remove()
-  })
-}
+  event.on("destroy", () => {
+    viewer.remove();
+  });
+}