|
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 | 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 |  |
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