cesium-alpha-earth 1.0.0

package/src/util/getPositionCenters/getPositionCenter.ts

@@ -0,0 +1,25 @@
+import centroid from '@turf/centroid';
+import { polygon as tfpolygon } from '@turf/helpers';
+import { Cartesian3, BoundingSphere, Ellipsoid } from 'cesium';
+
+/**
+ * 计算一组多边形坐标的质心
+ * @param positions 坐标串
+ */
+export function getPositionsCenter(
+    positions: Cartesian3[],
+    height?: number,
+) {
+    const polygon = tfpolygon([positions.map((item) => [item.x, item.y])]);
+    const polyCenter = BoundingSphere.fromPoints(positions).center;
+    const polyCentroid = centroid(polygon);
+    const center = new Cartesian3(
+        polyCentroid.geometry.coordinates[0],
+        polyCentroid.geometry.coordinates[1],
+        polyCenter.z,
+    );
+    return {
+        cartesian3: Ellipsoid.WGS84.scaleToGeodeticSurface(center),
+        height,
+    };
+}

package/src/util/parseColor/index.ts

@@ -0,0 +1,39 @@
+import * as Cesium from 'cesium';
+/**
+ * 公共的颜色解析方法，将 RGB、RGBA 和 HEX 转换为 Cesium.Color 实例
+ * @param color - 颜色字符串，支持 RGB, RGBA, HEX
+ * @returns Cesium.Color 实例
+ */
+export function parseColorToCesium(color: string | undefined): Cesium.Color | undefined {
+    if (!color) {
+        return
+    }
+    const hexPattern = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;
+    const rgbPattern = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
+    const rgbaPattern = /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*(0(\.\d+)?|1(\.0)?)\)$/;
+
+    let result: Cesium.Color | undefined = undefined;
+
+
+
+    // 处理 HEX 颜色格式
+    if (hexPattern.test(color)) {
+        const hex = color.slice(1);
+        const r = parseInt(hex.length === 3 ? hex[0] + hex[0] : hex.slice(0, 2), 16);
+        const g = parseInt(hex.length === 3 ? hex[1] + hex[1] : hex.slice(2, 4), 16);
+        const b = parseInt(hex.length === 3 ? hex[2] + hex[2] : hex.slice(4, 6), 16);
+        result = new Cesium.Color(r / 255, g / 255, b / 255, 1);
+    }
+    // 处理 RGB 颜色格式
+    else if (rgbPattern.test(color)) {
+        const [, r, g, b] = color.match(rgbPattern)!.map(Number);
+        result = new Cesium.Color(r / 255, g / 255, b / 255, 1);
+    }
+    // 处理 RGBA 颜色格式
+    else if (rgbaPattern.test(color)) {
+        const [, r, g, b, a] = color.match(rgbaPattern)!.map(Number);
+        result = new Cesium.Color(r / 255, g / 255, b / 255, a);
+    }
+
+    return result;
+}

package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "ES2015"
+    ],
+    "module": "ESNext",
+    "outDir": "types",
+    "sourceMap": true,
+    "strict": true,
+    "target": "es2015",
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "baseUrl": "./", // 确保 Base URL 是项目根目录
+    "paths": {
+      "@/*": [
+        "src/*"
+      ] 
+    },
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ]
+}

package/types/core/CesiumAlphaViewer/index.d.ts

@@ -0,0 +1,7 @@
+import { Viewer } from "cesium";
+import { ViewerOption, FlyToOptionType, FlyToTargetType } from "./type";
+export default class CesiumAlphaViewer {
+    viewer: Viewer;
+    constructor(container: string | HTMLElement, option?: ViewerOption);
+    goTo(target: FlyToTargetType, flyToOption?: FlyToOptionType): void;
+}

package/types/core/CesiumAlphaViewer/method/createViewer.d.ts

@@ -0,0 +1,3 @@
+import { Viewer } from "cesium";
+import { ViewerOption } from "../type";
+export declare function createViewer(container: string | HTMLElement, option?: ViewerOption): Viewer;

package/types/core/CesiumAlphaViewer/method/goTo.d.ts

@@ -0,0 +1,3 @@
+import { Viewer } from "cesium";
+import { FlyToOptionType, FlyToTargetType } from "../type";
+export declare function goTo(viewer: Viewer, target: FlyToTargetType, option?: FlyToOptionType): void;

package/types/core/CesiumAlphaViewer/type.d.ts

@@ -0,0 +1,77 @@
+import { Cesium3DTileset, SceneMode, GeocoderService, ProviderViewModel, UrlTemplateImageryProvider, Resource, Cartesian3, BoundingSphere } from "cesium";
+/**
+ * 图层类型
+ */
+/**
+ * 地形类型
+ */
+export type ViewerOption = {
+    control?: ControlOption;
+    scene?: SceneOption;
+    basemap?: BasemapOption;
+    terrain?: TerrainOption;
+};
+export type SceneOption = {
+    center?: {
+        lng: number;
+        lat: number;
+        alt: number;
+        heading?: number;
+        pitch?: number;
+        roll?: number;
+    };
+    showSkyBox?: boolean;
+    skyBoxSource?: any;
+    showSun?: boolean;
+    ionToken?: string;
+    sceneMode?: SceneMode;
+};
+export type ControlOption = {
+    homeButton?: boolean | any;
+    zoom?: any;
+    sceneModePicker?: boolean | any;
+    projectionPicker?: boolean | any;
+    fullscreenButton?: boolean | any;
+    fullscreenElement?: HTMLElement | string | any;
+    vrButton?: boolean | any;
+    geocoder?: boolean | GeocoderService[] | any;
+    navigationHelpButton?: boolean | any;
+    navigationInstructionsInitiallyVisible?: boolean | any;
+    baseLayerPicker?: boolean | any;
+    imageryProviderViewModels?: ProviderViewModel[];
+    selectedImageryProviderViewModel?: ProviderViewModel;
+    terrainProviderViewModels?: ProviderViewModel[];
+    selectedTerrainProviderViewModel?: ProviderViewModel;
+    compass?: any;
+    showPopup?: boolean;
+    animation?: boolean;
+    timeline?: boolean;
+    infoBox?: boolean;
+    selectionIndicator?: boolean;
+    showRenderLoopErrors?: boolean;
+};
+export type BasemapOption = {
+    other?: UrlTemplateImageryProvider.ConstructorOptions;
+};
+export type TerrainOption = {
+    url?: string | Resource;
+    show?: boolean;
+    requestVertexNormals?: boolean;
+    requestWaterMask?: boolean;
+    requestMetadata?: boolean;
+    clip?: boolean;
+    flat?: boolean;
+    uplift?: boolean;
+    flood?: boolean;
+};
+export type FlyToOptionType = {
+    distence?: number;
+    roll?: number;
+    pitch?: number;
+    heading?: number;
+};
+export type FlyToTargetType = Cartesian3 | BoundingSphere | Cesium3DTileset | {
+    longitude: number;
+    latitude: number;
+    height?: number;
+};

package/types/index.d.ts

@@ -0,0 +1,2 @@
+import CesiumAlphaViewer from "./core/CesiumAlphaViewer";
+export { CesiumAlphaViewer };

package/viewTest/App.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="appContainer" id="cesiumContainer"></div>
+</template>
+
+<script setup lang="ts">
+import { onMounted } from "vue";
+import * as Cesium from "cesium"
+import {CesiumAlphaViewer} from "../src/index"
+onMounted(() => {
+  let viewer = new CesiumAlphaViewer("cesiumContainer", {
+    scene: {
+      center: {
+        lng: 81.28382,
+        lat: 41.813928,
+        alt: 1500,
+      },
+    },
+  });
+
+
+  const gridImageryProvider = new Cesium.GridImageryProvider({
+    cells: 4,
+    glowWidth: 2,
+    color: Cesium.Color.fromCssColorString('#fff'),
+    backgroundColor: Cesium.Color.fromCssColorString('rgb(232, 227, 218)')
+  })
+  const gridImageryLayer = new Cesium.ImageryLayer(gridImageryProvider)
+  viewer.viewer.scene.imageryLayers.add(gridImageryLayer)
+});
+</script>
+
+<style lang="scss" scoped>
+.appContainer {
+  width: 100vw;
+  height: 100vh;
+}
+</style>
+ 

package/viewTest/main.ts

@@ -0,0 +1,10 @@
+import { createApp } from 'vue'
+import AppView from './App.vue'
+import 'element-plus/dist/index.css'
+import "./style/style.scss"
+import "cesium/Build/Cesium/Widgets/widgets.css";
+//@ts-ignore
+window.CESIUM_BASE_URL = '/node_modules/cesium/Build/Cesium/';
+let app = createApp(AppView)
+app.mount('#app')
+

package/viewTest/style/style.scss

@@ -0,0 +1,4 @@
+*{
+    margin: 0;
+    padding: 0;
+}

package/vite.config.ts

@@ -0,0 +1,69 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import path from "path";
+import typescript from "rollup-plugin-typescript2";
+export default defineConfig({
+  server: {
+    port: 9999,
+    proxy: {
+      "/feature": {
+        target: "http://192.168.0.240:6080",
+        changeOrigin: true, // 是否改变请求头中的 Origin
+        rewrite: (path) => path.replace(/^\/api/, ""), // 重写路径
+      },
+    },
+  },
+  plugins: [
+    vue(),
+  ],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "src"), // 将 @ 指向 src 目录
+    },
+  },
+  build: {
+    minify: false,
+    emptyOutDir: false,
+    lib: {
+      entry: "./src/index.ts",
+      formats: ["es"],
+    },
+    rollupOptions: {
+      external: ["vue"],
+      output: {
+        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+        globals: {
+          vue: "Vue",
+        },
+        entryFileNames: `[name].js`,
+        plugins: [
+          // {
+          //   name: 'log-js-files', // 插件名称
+          //   generateBundle(options, bundle) {
+          //     // 遍历生成的文件
+          //     for (const fileName in bundle) {
+          //       const chunk = bundle[fileName];
+          //       // 检查是否为 JS 文件
+          //       if (chunk.type === 'chunk' && fileName.endsWith('.js')) {
+          //         const jsContent = chunk.code;
+          //         let text = JavaScriptObfuscator.obfuscate(jsContent, {
+          //           compact: true,
+          //           controlFlowFlattening: false,
+          //           deadCodeInjection: false,
+          //           debugProtection: false,
+          //           identifierNamesGenerator: 'hexadecimal',
+          //           stringArray: true,
+          //           stringArrayThreshold: 0.2,
+          //           selfDefending: false,
+          //         })
+          //         chunk.code = text.getObfuscatedCode()
+          //       }
+          //     }
+          //   },
+          // },
+        ],
+      },
+    },
+    outDir: "./dist", // 打包输出目录
+  },
+});