同步代码

Author: muyao1987

README.md

@@ -85,6 +85,7 @@ git clone [email protected]:marsgis/mars3d-vue-project.git
 ```
 
 ### 运行命令
+请将机器Node版本升级到v14及以上版本
 
 #### 首次运行前安装依赖
 
@@ -109,25 +110,20 @@ npm run build
 
 ## 运行效果
 
-访问[基础项目 Vue 版](http://mars3d.cn/project/jcxm-vue/index.html) 在线体验效果和功能
+访问[基础项目 Vue 版](http://mars3d.cn/project/vue/index.html) 在线体验效果和功能
 
 ![image](https://muyao1987.gitee.io/cdn/mars3d.cn/xm/jcxm-vue/1.jpg)
 
 
 
 ## 浏览器支持
 
-本地开发推荐使用`Chrome 80+` 浏览器
+推荐使用`Chrome 90+` 浏览器， 建议升级浏览器到最新版本访问。
 
-支持现代浏览器, 不支持 IE
-
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| IE | Edge | Firefox | Chrome | Safari |
 | :-: | :-: | :-: | :-: | :-: |
 | not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
 
- 
-
-
 ## 如何反馈问题？
 
 - 发现您发现项目中存在的问题或者需要优化的地方；
@@ -149,7 +145,7 @@ npm run build
 - [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法
 - [Ant Design Vue](https://next.antdv.com/components/overview-cn/)：UI 控件库 
 - [ESlint](https://eslint.bootcss.com/)：代码检查工具
-- [IconPark](https://iconpark.oceanengine.com/official)：UI 图标库
+- [IconPark](https://iconpark.oceanengine.com/official)：UI 图标库 
 
 > 需要有一定的知识储备，包括 vue3.0 中的 composition Api 模式等，建议浏览下[Web 前端知识视频讲解](https://www.bilibili.com/video/BV1xr4y1U73r/)
 
@@ -617,6 +613,7 @@ const show = (name: string) => {
   "axios": "^0.23.0",
   "core-js": "^3.6.5",
   "ant-design-vue": "3.0.0-alpha.13",
+  "@icon-park/vue-next": "^1.3.5",
   "nprogress": "^0.2.0",
   "echarts": "^5.2.2",
   "localforage": "^1.10.0"
@@ -683,7 +680,7 @@ app.use(injectState(widgetStore), key)
 
 ### 1. 如果切换mars3d到授权版
 
- 参考 [获取Mars3D](http://mars3d.cn/dev/guide/basics/download.html)中“从 Mars3D官网 下载获取”章节介绍。
+ 参考 [获取Mars3D](http://mars3d.cn/dev/guide/start/download.html)中“从 Mars3D官网 下载获取”章节介绍。
 
  流程大概是：
 - 将npm安装后的`node_modules/mars3d/`下的所有文件拷贝一份放在`src\common\mars3d-sdk\`目录。
@@ -703,7 +700,7 @@ chainWebpack: (config) => {
   "mars3d-cesium": "^1.93.0",
 },
 ```
- ![image](http://mars3d.cn/dev/img/guide/basics-download-import.jpg) 
+ ![image](http://mars3d.cn/dev/img/guide/start-download-import.jpg) 
 
 
 ### 2. 局域网离线使用时注意事项

package.json

@@ -8,8 +8,9 @@
     "clean-cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite",
     "clean-lib": "rimraf node_modules",
     "preview": "vite preview",
-    "build": "npm run lint && vite build",
-    "lint": "eslint ./src/**/*.{js,jsx,vue,ts,tsx} --fix && vue-tsc --noEmit"
+    "build": "vite build",
+    "lint": "vue-tsc --noEmit --skipLibCheck && eslint ./src/**/*.{js,jsx,vue,ts,tsx} --fix",
+    "prepare": "husky install"
   },
   "dependencies": {
     "@icon-park/vue-next": "^1.3.6",
@@ -22,7 +23,7 @@
     "kml-geojson": "^1.2.0",
     "localforage": "^1.10.0",
     "mapv": "^2.0.62",
-    "mars3d": "^3.3.7",
+    "mars3d": "^3.3.8",
     "mars3d-cesium": "^1.93.0",
     "mars3d-echarts": "^3.3.0",
     "mars3d-heatmap": "^3.3.0",
@@ -39,13 +40,17 @@
     "@vitejs/plugin-vue": "^2.1.0",
     "@vue/eslint-config-typescript": "^10.0.0",
     "consola": "^2.15.3",
+    "eslint": "^7.32.0",
     "eslint-config-standard": "^16.0.3",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.2.0",
     "eslint-plugin-vue": "^8.3.0",
     "fs-extra": "^10.0.0",
+    "husky": "^7.0.4",
     "less": "^4.1.2",
+    "lint-staged": "^12.4.1",
+    "prettier": "^2.6.2",
     "rollup-plugin-visualizer": "^5.6.0",
     "serve-static": "^1.14.2",
     "standard": "^16.0.4",
@@ -80,5 +85,10 @@
   ],
   "author": "火星科技",
   "license": "Apache-2.0",
-  "homepage": "http://mars3d.cn"
+  "homepage": "http://mars3d.cn",
+  "lint-staged": {
+    "*.{js,jsx,vue,ts,tsx}": [
+      "npm run lint"
+    ]
+  }
 }

src/widgets/basic/manage-layers/index.vue

@@ -102,7 +102,9 @@ const checkedChange = (keys: string[], e: any) => {
     }
     if (keys.indexOf(e.node.id) !== -1) {
       layer.show = true
-      layer.flyTo()
+      layer.readyPromise.then(function (layer) {
+        layer.flyTo()
+      })
     } else {
       layer.show = false
     }