huweili-cesium 1.2.23 → 1.2.25

package/index.vue

@@ -28,7 +28,7 @@ const {
 
 const mapStore = useMapStore()
 const { on: onEvent, off: offEvent } = useEventBus()
-const emit = defineEmits(['onload'])
+const emit = defineEmits(['onload', 'rightClick', 'leftClick'])
 const props = defineProps({
   options: {
     type: Object,
@@ -239,7 +239,10 @@ const initCesium = async () => {
       })
     }
 
-    mouseController(map, props.mapId) // 初始化鼠标控制器
+    mouseController(map, props.mapId, {
+      onRightClick: (position) => emit('rightClick', position),
+      onLeftClick: (event) => emit('leftClick', event),
+    }) // 初始化鼠标控制器
 
     mapStore.setMapInfo(
       'center',

package/js/basis.js

@@ -120,7 +120,7 @@ export function basicConfig() {
    * 处理地图上的鼠标事件，包括点击、拖动、缩放等、
    * @param map - 地图实例
    */
-  const mouseController = (map, _mapId) => {
+  const mouseController = (map, _mapId, callbacks = {}) => {
     // 添加右键点击事件监听
     map.screenSpaceEventHandler.setInputAction((click) => {
       // 获取点击位置的笛卡尔坐标
@@ -132,12 +132,17 @@ export function basicConfig() {
         const lng = Cesium.Math.toDegrees(cartographic.longitude);
         const lat = Cesium.Math.toDegrees(cartographic.latitude);
         const height = cartographic.height;
-
-        console.log('点击位置:', {
+        const position = {
           lng: Number(lng),
           lat: Number(lat),
-          height: Number(height)
-        });
+          height: Number(height),
+          mapId: _mapId,
+          screenPosition: click.position,
+          cartesian,
+        };
+
+        console.log('点击位置:', position);
+        callbacks.onRightClick?.(position);
 
         // 弹出alert显示坐标信息
         // alert(`点击位置坐标：\n经度：${Number(lng).toFixed(6)}\n纬度：${Number(lat).toFixed(6)}\n高度：${Number(height).toFixed(2)}米`);
@@ -145,8 +150,25 @@ export function basicConfig() {
     }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
 
     // 添加左键点击事件，用于隐藏弹窗
-    map.screenSpaceEventHandler.setInputAction(() => {
+    map.screenSpaceEventHandler.setInputAction((click) => {
       console.log('左键点击事件触发')
+      const cartesian = map.camera.pickEllipsoid(click.position, map.scene.globe.ellipsoid);
+      if (cartesian) {
+        const cartographic = Cesium.Cartographic.fromCartesian(cartesian);
+        const lng = Cesium.Math.toDegrees(cartographic.longitude);
+        const lat = Cesium.Math.toDegrees(cartographic.latitude);
+        const height = cartographic.height;
+        callbacks.onLeftClick?.({
+          mapId: _mapId,
+          screenPosition: click.position,
+          lng: Number(lng),
+          lat: Number(lat),
+          height: Number(height),
+          cartesian,
+        });
+      } else {
+        callbacks.onLeftClick?.({ mapId: _mapId, screenPosition: click.position });
+      }
     }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "huweili-cesium",
-  "version": "1.2.23",
+  "version": "1.2.25",
   "description": "基于 Cesium 的地图工具库（无人机态势、轨迹、围栏、工具栏等）",
   "type": "module",
   "main": "./index.js",