{
+ const bitmap = await createImageBitmap(blob);
+ try {
+ if (typeof OffscreenCanvas === "undefined") {
+ throw new Error("OffscreenCanvas is not available");
+ }
+ const canvas = new OffscreenCanvas(tile_size, tile_size);
+ const context = canvas.getContext("2d", {willReadFrequently: true});
+ if (!context) {
+ throw new Error("worker canvas 2d context is not available");
+ }
+ context.drawImage(bitmap, 0, 0, tile_size, tile_size);
+ const image = context.getImageData(0, 0, tile_size, tile_size);
+ const heights = new Float32Array(tile_size * tile_size);
+ for (let i = 0, j = 0; i < heights.length; i++, j += 4) {
+ heights[i] = image.data[j] * 256 + image.data[j + 1] + image.data[j + 2] / 256 - 32768;
+ }
+ return heights;
+ }
+ finally {
+ bitmap.close();
+ }
+}
+export {};
diff --git a/src/Setting.tsx b/src/Setting.tsx
index 7a399b4..8bf5f83 100644
--- a/src/Setting.tsx
+++ b/src/Setting.tsx
@@ -15,6 +15,7 @@ import { Source_Feed_Relation_Config } from "./Source_Feed_Relation/Source_Feed_
import { Input_Port_Number } from "./A_Global.tsx";
import { PersistentScroll } from "./PersistentScroll.tsx";
import { External_Resources_Manager } from "./External_Resources_Manager/External_Resources_Manager.tsx";
+import { Cesium_Render_Settings } from "./Map/Cesium_Render_Settings.tsx";
const { TextArea } = Input;
@@ -511,6 +512,7 @@ export class Settings extends enhance.Base {
source_feed_relation_config: Source_Feed_Relation_Config | null = null;
config_Import_Export_Upgrade: Online_Upgrade | null = null;
external_resources_manager: External_Resources_Manager | null = null;
+ cesium_render_settings: Cesium_Render_Settings | null = null;
isRebooting: boolean = false;
@@ -530,11 +532,12 @@ export class Settings extends enhance.Base {
this.source_feed_relation_config = new Source_Feed_Relation_Config();
this.config_Import_Export_Upgrade = new Online_Upgrade();
this.external_resources_manager = new External_Resources_Manager();
+ this.cesium_render_settings = new Cesium_Render_Settings();
};
render(props: any) {
// 第三步：渲染前校验子组件是否初始化完成
- if (!this.data_feed_config || !this.console || !this.device_config || !this.data_source_config || !this.mode_s_config || !this.source_feed_relation_config || !this.config_Import_Export_Upgrade || !this.external_resources_manager) {
+ if (!this.data_feed_config || !this.console || !this.device_config || !this.data_source_config || !this.mode_s_config || !this.source_feed_relation_config || !this.config_Import_Export_Upgrade || !this.external_resources_manager || !this.cesium_render_settings) {
return 设置组件初始化中...
;
}
@@ -553,6 +556,7 @@ export class Settings extends enhance.Base {
+
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..1f2ca34
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+///
+declare module "*.css";
diff --git a/tsconfig.json b/tsconfig.json
index 2d45738..2d24219 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -29,6 +29,7 @@
"isolatedModules": true,
"allowJs": true,
"checkJs": false,
+ "ignoreDeprecations": "6.0",
"noEmit": true, // 或 "emitDeclarationOnly": true
"outDir": "./dist" // 避免文件覆盖
},
diff --git a/vite.config.js b/vite.config.js
index e9d10b3..1e8f6e9 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,16 +1,129 @@
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const cesiumSource = path.join(__dirname, 'node_modules', 'cesium', 'Build', 'Cesium')
+const modelSource = path.join(__dirname, 'model')
+function copyDir(source, target) {
+ fs.mkdirSync(target, { recursive: true })
+ for (const entry of fs.readdirSync(source, { withFileTypes: true })) {
+ const sourcePath = path.join(source, entry.name)
+ const targetPath = path.join(target, entry.name)
+ if (entry.isDirectory()) {
+ copyDir(sourcePath, targetPath)
+ } else {
+ fs.copyFileSync(sourcePath, targetPath)
+ }
+ }
+}
+function cesiumAssetsPlugin() {
+ let outDir = path.join(__dirname, 'wwwroot')
+ const serveStatic = (root, req, res, next) => {
+ const urlPath = decodeURIComponent((req.url || '').split('?')[0]).replace(/^\/+/, '')
+ const filePath = path.normalize(path.join(root, urlPath))
+ if (!filePath.startsWith(root) || !fs.existsSync(filePath) || !fs.statSync(filePath).isFile()) {
+ next()
+ return
+ }
+ const contentType = filePath.endsWith('.js') ? 'application/javascript' :
+ filePath.endsWith('.css') ? 'text/css' :
+ filePath.endsWith('.json') ? 'application/json' :
+ filePath.endsWith('.glb') ? 'model/gltf-binary' :
+ 'application/octet-stream'
+ res.setHeader('Content-Type', contentType)
+ fs.createReadStream(filePath).pipe(res)
+ }
+ return {
+ name: 'ecap-cesium-assets',
+ configResolved(config) {
+ outDir = path.isAbsolute(config.build.outDir) ? config.build.outDir : path.join(config.root, config.build.outDir)
+ },
+ configureServer(server) {
+ server.middlewares.use('/ui/cesium', (req, res, next) => {
+ serveStatic(cesiumSource, req, res, next)
+ })
+ server.middlewares.use('/ui/model', (req, res, next) => {
+ serveStatic(modelSource, req, res, next)
+ })
+ },
+ closeBundle() {
+ copyDir(cesiumSource, path.join(outDir, 'cesium'))
+ copyDir(modelSource, path.join(outDir, 'model'))
+ }
+ }
+}
+const spaAliasPaths = new Set([
+ '/map',
+ '/map3d',
+ '/dsp',
+ '/aircraftlist',
+ '/settings',
+ '/ui/map',
+ '/ui/map3d',
+ '/ui/dsp',
+ '/ui/aircraftlist',
+ '/ui/settings'
+])
+function spaAliasesPlugin() {
+ return {
+ name: 'ecap-spa-aliases',
+ configureServer(server) {
+ server.middlewares.use(async (req, res, next) => {
+ const urlPath = decodeURIComponent((req.url || '').split('?')[0])
+ if (!spaAliasPaths.has(urlPath)) {
+ next()
+ return
+ }
+ try {
+ const indexPath = path.join(__dirname, 'index.html')
+ let html = fs.readFileSync(indexPath, 'utf-8')
+ html = await server.transformIndexHtml('/ui/index.html', html)
+ res.statusCode = 200
+ res.setHeader('Content-Type', 'text/html')
+ res.end(html)
+ } catch (error) {
+ next(error)
+ }
+ })
+ }
+ }
+}
// https://vite.dev/config/
export default defineConfig({
base: '/ui/',
publicDir: 'public', // 默认就是 public
- plugins: [react()],
+ define: {
+ CESIUM_BASE_URL: JSON.stringify('/ui/cesium/')
+ },
+ plugins: [react(), cesiumAssetsPlugin(), spaAliasesPlugin()],
server: {
proxy: {
+ '/map/imagery': {
+ target: 'http://127.0.0.1',
+ changeOrigin: true,
+ },
+ '/map/terrain': {
+ target: 'http://127.0.0.1',
+ changeOrigin: true,
+ },
+ '/map/resources': {
+ target: 'http://127.0.0.1',
+ changeOrigin: true,
+ },
+ '/map/graphics': {
+ target: 'http://127.0.0.1',
+ changeOrigin: true,
+ },
+ '/map/view': {
+ target: 'http://127.0.0.1',
+ changeOrigin: true,
+ },
'/tiles': {
target: 'http://127.0.0.1',
-
+ changeOrigin: true,
},
'/api': {
target: 'http://127.0.0.1',
@@ -24,18 +137,6 @@ export default defineConfig({
'/aircraftlist.json': {
target: 'http://127.0.0.1'
},
- '/map': {
- target: 'http://localhost:5173/ui/index.html'
- },
- '/dsp': {
- target: 'http://localhost:5173/ui/index.html'
- },
- '/aircraftlist': {
- target: 'http://localhost:5173/ui/index.html'
- },
- '/settings': {
- target: 'http://localhost:5173/ui/index.html'
- },
},
fs:{
strict: false