Mars3d最简项目模板vue版项目结构介绍

1.首先看下readme文档,基于Vue2.x + VueCli4.x技术栈的 Mars3D最简项目模板

2.运行站点:在任意开发编辑器(如vscode等)或http服务器(如node、nginx、tomcat、IIS等)下
参考运行命令,在终端输入命令。
首次运行前,安装依赖,在终端输入`npm install` 或 `cnpm install`。
http运行项目,需要在终端输入 `npm run serve`  。
输入后运行访问:`http://localhost:3001/`,这里可以在线体验下运行效果。 

3.如果需要打包编译项目,就需要在终端输入`npm run build`运行来构建项目。 

4.如何集成到自己已有的项目中,可以到这里看下,并且在开发教程中也有详细关于集成的介绍。

在已有项目中集成Mars3D | Mars3D开发教程

Mars3d最简项目模板vue版项目结构介绍_第1张图片

5.如何创建地球
参考 `src\views\Index.vue`文件引入Map组件和构造创建地球,主要关注下下面代码处
```js


import Map from '../components/mars3d/Map.vue'
```
6. ### 常见问题
 运行报错时,请检查相关版本是否有冲突,比如webpack 4.43.0与copy-webpack-plugin 7.0.0 会出问题
  >1. 检查webpack和copy-webpack-plugin版本兼容问题
  >2. 检查webpack和copy-webpack-plugin与node、npm的版本兼容问题

7.这个目录下,主要是对Mars3D的一些介绍,感兴趣的可以看下
这里是我们的相关网站,Mars3D官网以及 Mars3D开源项目列表,可以进去看下 
我们来看下App.vue文件下的内容,这是个初始页面代码,大家可以看一下。
接下来我们看index.vue文件下的内容
这里有个地图构造的mars-map.vue的文件,待会儿详细说明一下。
这里是地图构造完成回调,这里是创建entity图层,在layer上绑定监听事件,可在图层上绑定popup,对所有加到这个图层的矢量数据都生效。可在图层绑定右键菜单,对所有加到这个图层的矢量数据都生效,加一些演示数据,接下来都是一些演示数据。有需要的可以看下

mars-map.vue文件,我们可以对比开发教程参考理解
在开发教程配置文件说明里有详细说明,这里教大家怎么快速找到vue版本的开发教程。
首先我们找到开发教程,在使用入门里找到下载运行功能示例,选择技术栈,选择我们的功能示例vue版,根据右侧的目录快速找到想要的说明。

Mars3D介绍 | Mars3D开发教程

 

Mars3d最简项目模板vue版项目结构介绍_第2张图片

Mars3d最简项目模板vue版项目结构介绍_第3张图片
这里是一些参数说明以及对应的API参数,大家可以看一下,方便后期使用
更多参数及明细可以阅读 API文档 Map类
下面是config.json代码,大家可以看下
针对这个代码,我们可以在api文档中查看,现在教大家怎么快速定位api文档。
例如templateValues,直接搜索templateValues是没有搜索结果的,但是我们可以先搜索map,在map下查看支持的类型。这里就有templateValues了。

Map - Mars3D API文档
Mars3d最简项目模板vue版项目结构介绍_第4张图片

 

 

 

你可能感兴趣的:(Mars3d,vue,vue.js,javascript,ecmascript)