@sl-utils/cesium 1.0.0 → 1.0.1

package/src/utils/map.ts

@@ -0,0 +1,112 @@
+const a = 6378245.0;
+const pi = 3.1415926535897932384626;
+const ee = 0.00669342162296594323;
+const x_pi = pi * 3000.0 / 180.0;
+/**地球半径 */
+const R = 6378137;
+/** 百度转84 */
+function tobd09gps84(lng: number, lat: number) {
+    var gcj02 = tobd09cj02(lng, lat);
+    var map84 = togcj02gps84(gcj02.lng, gcj02.lat);
+    return map84;
+}
+/** 火星转84 */
+function togcj02gps84(lng: number, lat: number) {
+    var coord = transform(lng, lat);
+    var lontitude = lng * 2 - coord.lng;
+    var latitude = lat * 2 - coord.lat;
+    var newCoord = {
+        lng: lontitude,
+        lat: latitude
+    };
+    return newCoord;
+}
+/** 84转百度 */
+function togps84bd09(lng: number, lat: number) {
+    var gcj02 = togps84gcj02(lng, lat);
+    var bd09 = togcj02bd09(gcj02.lng, gcj02.lat);
+    return bd09;
+}
+/** 84转火星 */
+function togps84gcj02(lng: number, lat: number) {
+    var dLat = transformLat(lng - 105.0, lat - 35.0);
+    var dLng = transformLng(lng - 105.0, lat - 35.0);
+    var radLat = lat / 180.0 * pi;
+    var magic = Math.sin(radLat);
+    magic = 1 - ee * magic * magic;
+    var sqrtMagic = Math.sqrt(magic);
+    dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);
+    dLng = (dLng * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);
+    var mgLat = lat + dLat;
+    var mgLng = lng + dLng;
+    var newCoord = {
+        lng: mgLng,
+        lat: mgLat
+    };
+    return newCoord;
+}
+/** 火星转百度 */
+function togcj02bd09(lng: number, lat: number) {
+    var z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * x_pi);
+    var theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_pi);
+    var bd_lng = z * Math.cos(theta) + 0.0065;
+    var bd_lat = z * Math.sin(theta) + 0.006;
+    var newCoord = {
+        lng: bd_lng,
+        lat: bd_lat
+    };
+    return newCoord;
+}
+/** 百度转火星 */
+function tobd09cj02(bd_lng: number, bd_lat: number) {
+    var x = bd_lng - 0.0065;
+    var y = bd_lat - 0.006;
+    var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);
+    var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);
+    var gg_lng = z * Math.cos(theta);
+    var gg_lat = z * Math.sin(theta);
+    var newCoord = {
+        lng: gg_lng,
+        lat: gg_lat
+    };
+    return newCoord;
+}
+function transform(lng: number, lat: number) {
+    var dLat = transformLat(lng - 105.0, lat - 35.0);
+    var dLng = transformLng(lng - 105.0, lat - 35.0);
+    var radLat = lat / 180.0 * pi;
+    var magic = Math.sin(radLat);
+    magic = 1 - ee * magic * magic;
+    var sqrtMagic = Math.sqrt(magic);
+    dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);
+    dLng = (dLng * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);
+    var mgLat = lat + dLat;
+    var mgLng = lng + dLng;
+    var newCoord = {
+        lng: mgLng,
+        lat: mgLat
+    };
+    return newCoord;
+}
+function transformLat(x: number, y: number) {
+    var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
+    ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+    ret += (20.0 * Math.sin(y * pi) + 40.0 * Math.sin(y / 3.0 * pi)) * 2.0 / 3.0;
+    ret += (160.0 * Math.sin(y / 12.0 * pi) + 320 * Math.sin(y * pi / 30.0)) * 2.0 / 3.0;
+    return ret;
+}
+function transformLng(x: number, y: number) {
+    var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
+    ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+    ret += (20.0 * Math.sin(x * pi) + 40.0 * Math.sin(x / 3.0 * pi)) * 2.0 / 3.0;
+    ret += (150.0 * Math.sin(x / 12.0 * pi) + 300.0 * Math.sin(x / 30.0 * pi)) * 2.0 / 3.0;
+    return ret;
+}
+export {
+    tobd09gps84 as um_tobd09gps84,
+    togcj02gps84 as um_togcj02gps84,
+    togps84bd09 as um_togps84bd09,
+    togps84gcj02 as um_togps84gcj02,
+    togcj02bd09 as um_togcj02bd09,
+    tobd09cj02 as um_tobd09cj02,
+};

package/src/utils/types.ts

@@ -0,0 +1,44 @@
+import { Cartesian2, Cartesian3, Property, Scene } from "cesium";
+/**类型判断工具类 */
+function uc_tsIfNumber(value): value is number {
+    return typeof value === 'number'
+}
+/**判断参数是否是Property */
+function uc_tsIfProperty(value: any): value is Property {
+    return value instanceof Property;
+}
+/**判断参数是否是Cartesian2*/
+function uc_tsIfCartesian2(value: any): value is Cartesian2 {
+    return value instanceof Cartesian2;
+}
+/**判断参数是否是Cartesian3 */
+function uc_tsIfCartesian3(value: any): value is Cartesian3 {
+    return value instanceof Cartesian3;
+}
+/**判断参数是否是经纬度数组 */
+function uc_tsIfLnglatHeight(value: any): value is LnglatHeight {
+    return Array.isArray(value) && typeof value[0] === 'number' && typeof value[1] === 'number' && (typeof value[2] === 'number' || typeof value[2] === 'undefined');
+}
+
+/**判断参数是否是Cartesian3数组 */
+function uc_tsIfCartesian3Array(value: any): value is Cartesian3[] {
+    return Array.isArray(value) && uc_tsIfCartesian3(value[0]);
+}
+/**判断参数是否是经纬度数组 */
+function uc_tsIfLnglatHeightArray(value: any): value is LnglatHeight[] {
+    return Array.isArray(value) && uc_tsIfLnglatHeight(value[0]);
+}
+/**判断参数是否是Scene */
+function uc_tsIfScene(value: any): value is Scene {
+    return value instanceof Scene;
+}
+export {
+    uc_tsIfNumber,
+    uc_tsIfProperty,
+    uc_tsIfCartesian2,
+    uc_tsIfCartesian3,
+    uc_tsIfLnglatHeight,
+    uc_tsIfCartesian3Array,
+    uc_tsIfLnglatHeightArray,
+    uc_tsIfScene
+}

package/tsconfig.cjs.json

@@ -0,0 +1,7 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+      "module": "CommonJS",
+      "outDir": "./dist"
+    }
+  }

package/tsconfig.json

@@ -0,0 +1,34 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "compilerOptions": {
+    /**启用所有严格类型检查选项*/
+    "strict": false,
+    /**关闭“所有路径必须返回值”的检查*/
+    "noImplicitReturns": false,
+    /**在严格的 null检查模式下， null和 undefined值不包含在任何类型里*/
+    "strictNullChecks": false,
+    "noImplicitAny": false,
+    "removeComments": true,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "target": "ES2020",
+    "module": "commonjs",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "baseUrl": ".",
+    "lib": [
+      "es2020",
+      "dom"
+    ],
+    "paths": {
+      "@sl-utils/cesium": [
+        "types/sl-utils-cesium.d.ts"
+      ] // 添加这行
+    }
+  },
+  "include": [
+    "src/**/*",
+    "types/**/*",
+  ],
+  "exclude": []
+}

package/types/billboard.d.ts

@@ -0,0 +1,8 @@
+/**广告牌信息 */
+interface BillboardInfo {
+    id: string;
+    positions: LnglatHeight,
+    type: string;
+    /**图片裁切位置 */
+    subRegion?: [number, number]
+}

package/types/entities.d.ts

@@ -0,0 +1,224 @@
+import { ArcType, Cartesian2, Cartesian3, ClassificationType, Color, ConstantProperty, DistanceDisplayCondition, EllipseGraphics, HeightReference, HorizontalOrigin, LabelGraphics, LabelStyle, MaterialProperty, NearFarScalar, PlaneGraphics, PointGraphics, PolygonGraphics, PolygonHierarchy, PolylineGraphics, PositionProperty, Property, Rectangle, RectangleGraphics, ShadowMode, VerticalOrigin, Viewer } from "cesium";
+import { CCamera } from "src/core";
+
+declare global {
+    /**配置-实体椭圆 */
+    interface OptEntityEllipse extends EllipseGraphics.ConstructorOptions {
+        /**经纬度坐标点(设置此属性会覆盖positions,此值不能在外部动态变化) @default [] */
+        lnglat?: LnglatHeight,
+        /**坐标点  @default*/
+        position?: PositionProperty | Cartesian3;
+        /**点数据会增加变化的折线 */
+        ifChange?: boolean,
+
+        show?: Property | boolean;
+        /**指定半长轴的数字属性 */
+        semiMajorAxis?: Property | number;
+        /**指定半短轴的数字属性 */
+        semiMinorAxis?: Property | number;
+        height?: Property | number;
+        heightReference?: Property | HeightReference;
+        extrudedHeight?: Property | number;
+        extrudedHeightReference?: Property | HeightReference;
+        rotation?: Property | number;
+        stRotation?: Property | number;
+        granularity?: Property | number;
+        fill?: Property | boolean;
+        material?: MaterialProperty | Color;
+        /**指定多边形是否轮廓的属性，只有显示设置为height=0时才显示轮廓边框  */
+        outline?: Property | boolean;
+        outlineColor?: Property | Color;
+        outlineWidth?: Property | number;
+        numberOfVerticalLines?: Property | number;
+        shadows?: Property | ShadowMode;
+        distanceDisplayCondition?: Property | DistanceDisplayCondition;
+        classificationType?: Property | ClassificationType;
+        zIndex?: ConstantProperty | number;
+    }
+    /**实体扫描雷达的配置项 */
+    interface OptEntityGeojson {
+        /**geojson的文件路径 */
+        url: string;
+        /**雷达扫射半径 */
+        viewer: Viewer;
+    }
+    /**配置-实体图片 */
+    interface OptEntityImage extends PlaneGraphics.ConstructorOptions {
+        id?: string;
+        /**经纬度坐标点(设置此属性会覆盖positions,此值不能在外部动态变化) @default [] */
+        lnglat?: LnglatHeight,
+        /**图片 */
+        url: string;
+        /**旋转角度 - ° */
+        rotate: number
+        /**相机 */
+        camera: CCamera;
+        /**大小 - x */
+        sizeX: number;
+        /**大小 - y */
+        sizeY: number;
+    }
+    /**配置-实体标签 */
+    interface OptEntityLabel extends LabelGraphics.ConstructorOptions {
+        /**实际上不管如何设置都可改变位置 */
+        ifChange?: boolean;
+        /**标签的位置 */
+        position?: PositionProperty | Cartesian3;
+        show?: Property | boolean;
+        text?: Property | string;
+        font?: Property | string;
+        style?: Property | LabelStyle;
+        scale?: Property | number;
+        showBackground?: Property | boolean;
+        backgroundColor?: Property | Color;
+        backgroundPadding?: Property | Cartesian2;
+        pixelOffset?: Property | Cartesian2;
+        eyeOffset?: Property | Cartesian3;
+        horizontalOrigin?: Property | HorizontalOrigin;
+        verticalOrigin?: Property | VerticalOrigin;
+        heightReference?: Property | HeightReference;
+        fillColor?: Property | Color;
+        outlineColor?: Property | Color;
+        outlineWidth?: Property | number;
+        translucencyByDistance?: Property | NearFarScalar;
+        pixelOffsetScaleByDistance?: Property | NearFarScalar;
+        scaleByDistance?: Property | NearFarScalar;
+        distanceDisplayCondition?: Property | DistanceDisplayCondition;
+        disableDepthTestDistance?: Property | number;
+    }
+    /**配置-实体点 */
+    interface OptEntityPoint extends PointGraphics.ConstructorOptions {
+        id?: string;
+        position?: PositionProperty | Cartesian3,
+        /**点数据会变化的点(此时position不能为PositionProperty类型) */
+        ifChange?: boolean,
+        show?: Property | boolean;
+        pixelSize?: Property | number;
+        heightReference?: Property | HeightReference;
+        color?: Property | Color;
+        outlineColor?: Property | Color;
+        outlineWidth?: Property | number;
+        scaleByDistance?: Property | NearFarScalar;
+        translucencyByDistance?: Property | NearFarScalar;
+        distanceDisplayCondition?: Property | DistanceDisplayCondition;
+        disableDepthTestDistance?: Property | number;
+
+    }
+    /**配置-实体多边形 */
+    interface OptEntityPolygon extends PolygonGraphics.ConstructorOptions {
+        /**点数据会增加变化的折线 */
+        ifChange?: boolean,
+
+        /**是否显示 */
+        show?: Property | boolean;
+        /**指定多边形点位（可以挖空） */
+        hierarchy?: Property | PolygonHierarchy | Cartesian3[];
+        /**指定多边形的恒定高度 @default 0.0 */
+        height?: Property | number;
+        /**指定拉伸的 HeightReference 的属性 */
+        heightReference?: Property | HeightReference;
+        /**指定多边形拉伸的高度 */
+        extrudedHeight?: Property | number;
+        extrudedHeightReference?: Property | HeightReference;
+        stRotation?: Property | number;
+        /**指定多边形上各点之间的角度距离 */
+        granularity?: Property | number;
+        /**指定多边形是否被提供的材质填充 */
+        fill?: Property | boolean;
+        /**指定用于填充多边形的材质的属性 */
+        material?: MaterialProperty | Color;
+        /**指定多边形是否轮廓的属性，只有显示设置为height=0时才显示轮廓边框  */
+        outline?: Property | boolean;
+        /**指定轮廓的 Color 的属性@default Color.BLACK */
+        outlineColor?: Property | Color;
+        /**指定轮廓的宽度@default 1.0 */
+        outlineWidth?: Property | number;
+        /**指定是否使用每个位置的高度 */
+        perPositionHeight?: Property | boolean;
+        /**指定是否包括挤压多边形的顶部 */
+        closeTop?: boolean | boolean;
+        /**指定是否包括拉伸多边形的底部 */
+        closeBottom?: boolean | boolean;
+        /**指定多边形边缘使用的线的类型 */
+        arcType?: Property | ArcType;
+        shadows?: Property | ShadowMode;
+        /**指定将在距相机多远的距离显示此多边形 */
+        distanceDisplayCondition?: Property | DistanceDisplayCondition;
+        /**指定此多边形在地面上时是对地形，3D Tile还是对两者进行分类 */
+        classificationType?: Property | ClassificationType;
+        zIndex?: ConstantProperty | number;
+        textureCoordinates?: Property | PolygonHierarchy;
+    }
+    /**配置-实体折线 */
+    interface OptEntityPolyline extends PolylineGraphics.ConstructorOptions {
+        /**点数据会增加变化的折线 */
+        ifChange?: boolean,
+        /**是否显示 @default true*/
+        show?: Property | boolean;
+        /**折线点的集合  @default []*/
+        positions?: Property | Cartesian3[];
+        /**折线宽度  @default 2 */
+        width?: Property | number;
+        granularity?: Property | number;
+        /**线条材质  @default Color.fromRgba(0x67ADDFFF)*/
+        material?: MaterialProperty | Color;
+        depthFailMaterial?: MaterialProperty | Color;
+        /**指定线段应该是大弧线，菱形线还是线性连接 @default ArcType.GEODESIC*/
+        arcType?: Property | ArcType;
+        clampToGround?: Property | boolean;
+        shadows?: Property | ShadowMode;
+        distanceDisplayCondition?: Property | DistanceDisplayCondition;
+        classificationType?: Property | ClassificationType;
+        zIndex?: Property | number;
+    }
+    /**实体扫描雷达的配置项 */
+    interface OptEntityRadar {
+        /**中心点位置 */
+        position: LnglatHeight;
+        /**雷达扫射半径 */
+        radius: number;
+    }
+    /**配置-实体矩形 */
+    interface OptEntityRectangle extends RectangleGraphics.ConstructorOptions {
+        /**点数据会增加变化的折线 */
+        ifChange?: boolean,
+        /**是否显示 */
+        show?: Property | boolean;
+        /**指定多边形点位（可以挖空） */
+        coordinates?: Property | Rectangle;
+        /**指定多边形的恒定高度 @default 0.0 */
+        height?: Property | number;
+        /**指定拉伸的 HeightReference 的属性 */
+        heightReference?: Property | HeightReference;
+        /**指定多边形拉伸的高度 */
+        extrudedHeight?: Property | number;
+        extrudedHeightReference?: Property | HeightReference;
+        /**指定矩形从北方向顺时针方向的旋转 */
+        rotation?: Property | number;
+        /**指定矩形纹理从北方逆时针旋转 */
+        stRotation?: Property | number;
+        /**指定多边形上各点之间的角度距离 */
+        granularity?: Property | number;
+        /**指定多边形是否被提供的材质填充 */
+        fill?: Property | boolean;
+        /**指定用于填充多边形的材质的属性 */
+        material?: MaterialProperty | Color;
+        /**指定多边形是否轮廓的属性，只有显示设置为height=0时才显示轮廓边框 */
+        outline?: Property | boolean;
+        /**指定轮廓的 Color 的属性@default Color.BLACK */
+        outlineColor?: Property | Color;
+        /**指定轮廓的宽度@default 1.0 */
+        outlineWidth?: Property | number;
+        shadows?: Property | ShadowMode;
+        /**指定将在距相机多远的距离显示此多边形 */
+        distanceDisplayCondition?: Property | DistanceDisplayCondition;
+        /**指定此多边形在地面上时是对地形，3D Tile还是对两者进行分类 */
+        classificationType?: Property | ClassificationType;
+        zIndex?: ConstantProperty | number;
+    }
+    /**配置-实体线-拖尾效果 */
+    interface OptEntityTrailing {
+        /**点位置组-组成线 */
+        positions: LnglatHeight[];
+    }
+}

package/types/property.d.ts

@@ -0,0 +1,12 @@
+/**材质属性构造项 */
+interface OptPropertyMaterial {
+    fabric: {
+        /**材质属性名称 */
+        type: string;
+        uniforms: any;
+        components?: any;
+        /**材质属性着色器语言 */
+        source: string;
+    };
+    translucent?: Function
+}

package/types/resource.d.ts

@@ -0,0 +1,26 @@
+/**资源类型模块申明 */
+declare module '*.glsl' {
+    const value: string;
+    export default value;
+}
+declare module '*.gltf' {
+    const value: string;
+    export default value;
+}
+declare module '*.png' {
+    const value: string;
+    export default value;
+}
+declare module '*.ico' {
+    const value: string;
+    export default value;
+}
+declare module '*.svg' {
+    const value: string;
+    export default value;
+}
+declare module '*.geojson' {
+    const value: string;
+    export default value;
+}
+

package/types/sl-utils-cesium.d.ts

@@ -0,0 +1,17 @@
+import { SLCViewer } from "src/core";
+
+declare module "@sl-utils/cesium" {
+
+    export class SceneTJG extends SLCViewer {
+        constructor(html)
+
+        /** */
+        public openMeasure() 
+        /**添加船舶 */
+        public onAddShips(ships: CesiumShipInfo[]) 
+
+        public addBouys(allIcons: BillboardInfo[]) 
+        /**添加风电场区域 */
+        public onAddWindArea() 
+    }
+}

package/vite.config.ts

@@ -0,0 +1,43 @@
+import { defineConfig } from 'vite'
+import glsl from 'vite-plugin-glsl'
+import { viteStaticCopy } from 'vite-plugin-static-copy'
+import vue from '@vitejs/plugin-vue'
+// https://vite.dev/config/
+export default defineConfig({
+  // 让 Vite 将 .gltf 和 .glb 文件视为静态资源处理
+  assetsInclude: ['**/*.gltf', '**/*.glb', '**/*.geojson'],
+  plugins: [
+    glsl({
+      include: [                   // 要处理的文件类型
+        '**/*.glsl',
+        '**/*.wgsl',
+        '**/*.vert',
+        '**/*.frag',
+        '**/*.vs',
+        '**/*.fs',
+        '**/*.glsl'
+      ],
+      exclude: undefined,          // 排除的文件
+      warnDuplicatedImports: true, // 警告重复导入
+      defaultExtension: 'glsl',    // 默认扩展名
+      watch: true                  // 监听文件变化
+    }), viteStaticCopy({
+      targets: [
+        {
+          src: 'Cesium/Assets/**/*',  // 源文件夹路径
+          dest: '/Assets' ,          // 目标文件夹（相对于 build.outDir）
+        }
+      ]
+    }), vue()],
+  build: {
+    outDir: 'dist',
+    lib: {
+      entry: 'src/sl-utils-cesium.ts',
+      name: 'test',
+      fileName: (format) => `sl-utils-cesium.${format}.js`,
+    },
+  },
+  server: {
+    port: 5171
+  }
+})

package/webpack.config.js

@@ -0,0 +1,29 @@
+// webpack.config.js
+module.exports = {
+    // 其他配置...
+    module: {
+      rules: [
+        {
+          // 匹配需要处理的文件类型
+          test: /\.(png|jpe?g|gif|svg|woff|woff2|eot|ttf|otf)$/i,
+          use: [
+            {
+              loader: 'file-loader',
+              options: {
+                // 输出文件的名称模板
+                name: '[name].[hash:8].[ext]',
+                // 输出路径（相对于 output 目录）
+                outputPath: 'assets/',
+                // 公共路径（用于引用资源）
+                publicPath: 'assets/',
+                // 是否保留原始文件路径
+                useRelativePath: false,
+                // 是否输出文件（默认 true）
+                emitFile: true
+              }
+            }
+          ]
+        }
+      ]
+    }
+  }