格式化代码并添加视角高度控制以及视角范围控制

2026-04-13 10:30:03 +08:00
parent 83f8fec3a4
commit 5eb71642d2
46 changed files with 2084 additions and 1535 deletions
@@ -1,63 +1,69 @@
-import type { Point } from "@/types/base/Point";
-import type { PrimitiveOptions } from "@/types/cesium/PrimitiveOptions";
-import { CesiumUtilsSingleton } from "@/utils/cesium/CesiumUtils";
-import { Cartesian3, HorizontalOrigin, NearFarScalar, VerticalOrigin } from "cesium";
+import type { Point } from '@/types/base/Point';
+import type { PrimitiveOptions } from '@/types/cesium/PrimitiveOptions';
+import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils';
+import {
+  Cartesian3,
+  HorizontalOrigin,
+  NearFarScalar,
+  VerticalOrigin,
+} from 'cesium';

 /**
 * 公共批量处理点钩子函数
 */
 export const usePointsHandle = () => {
+  /**
+   * 添加点
+   * @param points - 点数据
+   * @param getDisasterIcon - 获取灾害图标的函数
+   * @param prefix - 前缀
+   * @returns 点的ID列表
+   */
+  function addPoints(
+    points: Point[],
+    getDisasterIcon: (disasterType?: string) => string,
+    prefix: string
+  ): string[] {
+    // 设置加载配置
+    const options: PrimitiveOptions[] = [];

+    // 存放id
+    const ids: string[] = [];

-    /**
-     * 添加点
-     * @param points - 点数据
-     * @param getDisasterIcon - 获取灾害图标的函数
-     * @param prefix - 前缀
-     * @returns 点的ID列表
-     */
-    function addPoints(points: Point[], getDisasterIcon: (disasterType?: string) => string, prefix: string): string[] {
-        // 设置加载配置
-        const options: PrimitiveOptions[] = [];
+    points.forEach((point) => {
+      try {
+        if (point.lon === undefined || point.lat === undefined) {
+          throw new Error(`点位数据缺少经纬度:${point.id}`);
+        }
+        // 将经纬度转换为笛卡尔坐标，太高一点高度，方便点击
+        const position = Cartesian3.fromDegrees(point.lon, point.lat, 10);

-        // 存放id
-        const ids: string[] = [];
+        const id = `${prefix}${point.id}`;
+        ids.push(id);
+        options.push({
+          id: id,
+          type: 'billboard',
+          positions: [position],
+          image: getDisasterIcon(point.disasterType),
+          scale: 0.8,
+          width: 40,
+          isDefault: false,
+          scaleByDistance: new NearFarScalar(500, 1, 5e5, 0.3),
+          customProperties: {
+            verticalOrigin: VerticalOrigin.BOTTOM,
+            horizontalOrigin: HorizontalOrigin.CENTER,
+            height: 40,
+          },
+        });
+      } catch (error) {
+        throw new Error(`处理点位失败:${error}`);
+      }
+    });
+    // 批量创建图层
+    CesiumUtilsSingleton.addPrimitivesBatch(options);

-        points.forEach(point => {
-            try {
+    return ids;
+  }

-                if (point.lon === undefined || point.lat === undefined) {
-                    throw new Error(`点位数据缺少经纬度:${point.id}`);
-                }
-                // 将经纬度转换为笛卡尔坐标，太高一点高度，方便点击
-                const position = Cartesian3.fromDegrees(point.lon, point.lat, 10);
-
-                const id = `${prefix}${point.id}`
-                ids.push(id)
-                options.push({
-                    id: id,
-                    type: 'billboard',
-                    positions: [position],
-                    image: getDisasterIcon(point.disasterType),
-                    scale: 0.8,
-                    width: 40,
-                    isDefault: false,
-                    scaleByDistance: new NearFarScalar(500, 1, 5e5, 0.3),
-                    customProperties: {
-                        verticalOrigin: VerticalOrigin.BOTTOM,
-                        horizontalOrigin: HorizontalOrigin.CENTER,
-                        height: 40
-                    },
-                });
-            } catch (error) {
-                throw new Error(`处理点位失败:${error}`);
-            }
-        })
-        // 批量创建图层
-        CesiumUtilsSingleton.addPrimitivesBatch(options);
-
-        return ids
-    }
-
-    return { addPoints}
-}
+  return { addPoints };
+};