19
19
## 项目介绍
20
20
21
21
Mars3D 基础项目 是基于[ Mars3D 平台] ( http://mars3d.cn ) 做的一个应用系统,提供的一个基础项目模版,包含常用基础地图功能,可在该基础项目上快速开发搭建新项目。方便快速搭建三维地图产品,敏捷开发,可复用,支持各种配置,适合各种场景使用。
22
+
23
+
24
+ ## Vue 版特性
25
+ - ** 最新技术栈** :使用 Vue3/vite2 等前端前沿技术开发
26
+ - ** TypeScript** : 应用程序级 JavaScript 的语言
27
+ - ** 适用于地图场景的widget模块化** : 继续沿用了原生 JS 版本 widget 架构的一些思想,使用 vue 方式实现了各 widget 功能
28
+
29
+
30
+
31
+ ## 文档
32
+ - [ 官网教程地址] ( http://mars3d.cn/dev/guide/project/vue.html )
33
+
34
+ ### 准备
35
+
36
+ - [ node] ( http://nodejs.org/ ) 和 [ git] ( https://git-scm.com/ ) -项目开发环境
37
+ - [ Vite] ( https://vitejs.dev/ ) - 熟悉 vite 特性
38
+ - [ Vue3] ( https://v3.vuejs.org/ ) - 熟悉 Vue 基础语法
39
+ - [ TypeScript] ( https://www.typescriptlang.org/ ) - 熟悉` TypeScript ` 基本语法
40
+ - [ Es6+] ( http://es6.ruanyifeng.com/ ) - 熟悉 es6 基本语法
41
+ - [ Vue-Router-Next] ( https://next.router.vuejs.org/ ) - 熟悉 vue-router 基本使用
42
+ - [ Ant-Design-Vue] ( https://2x.antdv.com/docs/vue/introduce-cn/ ) - ui 基本使用
43
+
44
+ ### 视频讲解
45
+
46
+ 建议先看一遍视频讲解,再实际操作。您可以[ 新页面查看高清视频] ( https://www.bilibili.com/video/bv1JF411q7Ut/ )
22
47
23
- Vue 版的特点:
24
48
25
- 1 . 基于** Vue3+TS** 技术栈下开发的
26
- 2 . 继续沿用了原生 JS 版本 widget 架构的一些思想,使用 vue 方式实现了各 widget 功能
27
49
28
- ## 视频讲解
29
50
30
- 建议先看一遍视频讲解,再实际操作。您可以[ 新页面查看高清视频] ( https://www.bilibili.com/video/bv1JF411q7Ut/ )
31
51
32
52
## 下载运行项目
33
53
@@ -47,7 +67,7 @@ git clone git@gitee.com:marsgis/mars3d-vue-project.git
47
67
48
68
### 运行环境
49
69
50
- - 推荐使用 vscode,安装参考[ 开发环境搭建教程] ( guide/start/env.html )
70
+ - 推荐使用 vscode,安装参考[ 开发环境搭建教程] ( / guide/start/env.html)
51
71
- 安装 vscode 插件,推荐安装 volar(并禁用 vetur)、ESlint 、 Prettier
52
72
- 配置 vscode 参数
53
73
@@ -102,6 +122,21 @@ npm run build
102
122
103
123
![ image] ( https://muyao1987.gitee.io/cdn/mars3d.cn/xm/jcxm-vue/1.jpg )
104
124
125
+
126
+
127
+ ## 浏览器支持
128
+
129
+ 本地开发推荐使用` Chrome 80+ ` 浏览器
130
+
131
+ 支持现代浏览器, 不支持 IE
132
+
133
+ | [<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 |
134
+ | :-: | :-: | :-: | :-: | :-: |
135
+ | not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
136
+
137
+
138
+
139
+
105
140
## 如何反馈问题?
106
141
107
142
- 发现您发现项目中存在的问题或者需要优化的地方;
@@ -574,7 +609,7 @@ const show = (name: string) => {
574
609
``` json
575
610
// dependencies中添加
576
611
{
577
- "mars3d" : " ^3.1.21 " ,
612
+ "mars3d" : " ^3.1.23 " ,
578
613
"mars3d-cesium" : " ^1.89.0" ,
579
614
"@turf/turf" : " ^6.5.0" ,
580
615
"kml-geojson" : " ^1.2.0" ,
0 commit comments