refactor: 增加主页面（为增加哈希路由），新增地图图形导出KML、Geojson功能，修改引入Cesium的方式，解决打包后地球无法加载的问题，新增public下Cesium资源

README.md

@@ -1,28 +1,35 @@
-# Vue 3 + TypeScript + Vite
+# Vue 3 + Vite + Cesium
 
-采用Vue3 + TypeScript + Vite来构建界面。强制使用pnpm作为包管理工具。
+- 采用Vue3 + TypeScript + Vite来构建Cesium应用平台。
+- 强制使用pnpm作为包管理工具。
 
 ## Git提交规范
 
-commit 提交信息时，必须是 **git commit -m 'fix: xxx'** 符合类型的才可以，**需要注意的是类型的后面需要用英文的 :，并且冒号后面是需要空一格的，这个是不能省略的**。
+commit提交时，需使用`git commit -m 'fix: xxx'` 
+改动类型如下
 
 ```
-'feat',//新特性、新功能
-'fix',//修改bug
-'docs',//文档修改
-'style',//代码格式修改, 注意不是 css 修改
-'refactor',//代码重构
-'perf',//优化相关，比如提升性能、体验
-'test',//测试用例修改
-'chore',//其他修改, 比如改变构建流程、或者增加依赖库、工具等
-'revert',//回滚到上一个版本
-'build',//编译相关的修改，例如发布版本、对项目构建或者依赖的改动
+'feat',         //新特性、新功能
+'fix',          //修改bug
+'docs',         //文档修改
+'style',        //代码格式修改, 注意不是 css 修改
+'refactor',     //代码重构
+'perf',         //优化相关，比如提升性能、体验
+'test',         //测试用例修改
+'chore',        //其他修改, 比如改变构建流程、或者增加依赖库、工具等
+'revert',       //回滚到上一个版本
+'build',        //编译相关的修改，例如发布版本、对项目构建或者依赖的改动
 ```
 
-## 地图库
+## Cesium版本
 
-- 地图采用开源的Cesium.js库，版本为1.108.注：不要随意升级版本，天地图三维地形服务目前只支持1.108，实测1.109也能用，更高版本则无法使用。
+- 采用开源Cesium.js库，版本为1.108   
+- <font color=red>不要随意升级版本，天地图三维地形服务目前只支持1.108，实测1.109也能用，更高版本则无法使用。</font>
 
 ## 地图服务
 
-地图服务采用天地图图源（https://www.tianditu.gov.cn/）。
+地图服务采用天地图数据源（https://www.tianditu.gov.cn/）。
+
+## 打包部署
+- 执行build后，使用nginx部署项目时，需将项目中的`public`目录复制到`dist`中。public包含了Cesium所需的静态资源，否则不能加载地球
+

index.html

@@ -22,7 +22,7 @@
     <script
       type="text/javascript"
       cesium="true"
-      src="node_modules/cesium/Build/Cesium/Cesium.js"
+      src="public/Cesium/Cesium.js"
     ></script>
     <!-- <script
       type="text/javascript"

package.json

@@ -5,7 +5,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc && vite build",
+    "build": "vite build",
+    "build-localhost": "vite build && node update-index.mjs",
     "preview": "vite preview",
     "lint": "eslint src",
     "fix": "eslint src --fix",
@@ -21,13 +22,20 @@
     "@vicons/fa": "^0.13.0",
     "@vicons/ionicons5": "^0.13.0",
     "@vicons/material": "^0.13.0",
+    "@vitejs/plugin-legacy": "^6.0.1",
+    "@vitejs/plugin-vue": "^5.0.4",
     "axios": "^1.6.7",
     "cesium": "1.108",
     "cesium-navigation-es6": "^3.0.8",
     "echarts": "^5.5.0",
+    "fs": "0.0.1-security",
+    "kml-geojson": "^2.0.1",
     "naive-ui": "^2.35.0",
     "pinia": "^2.1.7",
-    "vue": "^3.4.21"
+    "pinia-plugin-persist": "^1.0.0",
+    "tokml": "^0.4.0",
+    "vue": "^3.4.21",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.23.10",

public/Cesium/Assets/Textures/NaturalEarthII/tilemapresource.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+    <TileMap version="1.0.0" tilemapservice="http://tms.osgeo.org/1.0.0">
+      <Title>NE2_HR_LC_SR_W_DR_recolored.tif</Title>
+      <Abstract></Abstract>
+      <SRS>EPSG:4326</SRS>
+      <BoundingBox miny="-90.00000000000000" minx="-180.00000000000000" maxy="90.00000000000000" maxx="180.00000000000000"/>
+      <Origin y="-90.00000000000000" x="-180.00000000000000"/>
+      <TileFormat width="256" height="256" mime-type="image/jpg" extension="jpg"/>
+      <TileSets profile="geodetic">
+        <TileSet href="0" units-per-pixel="0.70312500000000" order="0"/>
+        <TileSet href="1" units-per-pixel="0.35156250000000" order="1"/>
+        <TileSet href="2" units-per-pixel="0.17578125000000" order="2"/>
+      </TileSets>
+    </TileMap>