Mars3D基础项目Vue版发布

近日我们重构编写了基础项目(Vue版本),于今日正式发布上线!欢迎大家访问 mars3d.cn 网站进行体验。

图片

Mars3D基础项目,包含常用基础地图功能,可在该基础项目上快速开发搭建新项目。方便快速搭建三维地图产品,敏捷开发,可复用,支持各种配置,适合各种场景使用。

一、体验功能

可以在 mars3d官网 的 项目 菜单进入体验。

图片

二、开发教程及说明

建议开发人员阅读教程,方便理解和学习。

在官网的【开发教程】菜单下, 阅读【项目模板-基础项目(VUE版)】章节。

图片

Vue 版的特点:

  1. 基于Vue3+TS技术栈下开发的

  2. 继续沿用了原生 JS 版本 widget 的架构的一些按需加载、自由配置等优秀思想,使用vue全新技术栈实现了所有功能。                                                                                                      

三、下载源代码

您可以从GitHub进行下载。

git clone git@github.com:marsgis/mars3d-vue-project.git

国内用户也可以使用Gitee进行下载代码,下载速度快些。

git clone git@gitee.com:marsgis/mars3d-vue-project.git

欢迎大家体验及下载代码!

要创建一个 Mars3DVue3 项目,你可以按照以下步骤进行操作: 1. 首先,确保你的开发环境已经安装了 Node.js。你可以在命令行中输入 `node -v` 来检查是否已安装。 2. 打开命令行工具,进入你要创建项目的目录。 3. 使用 Vue CLI 创建一个新的 Vue3 项目。在命令行中运行下面的命令: ``` vue create my-mars3d-project ``` 这会提示你选择一个预设配置或手动配置。你可以选择手动配置,并且在特性选择中勾选 Babel、TypeScript、Router、Vuex 和 CSS Pre-processors(根据你的需求选择)。 4. 进入项目目录: ``` cd my-mars3d-project ``` 5. 安装 Mars3D 的依赖: ``` npm install mars3d ``` 6. 在 `src` 目录下创建一个新的文件,比如 `Mars3D.vue`,并在其中编写你的 Mars3D 代码。 7. 在 `src/main.js` 文件中导入 Mars3D 组件,并在 Vue 实例中使用它: ```javascript import Vue from 'vue' import App from './App.vue' import Mars3D from './Mars3D.vue' Vue.component('mars3d', Mars3D) new Vue({ render: h => h(App), }).$mount('#app') ``` 8. 在 `App.vue` 文件中使用 Mars3D 组件: ```vue <template> <div id="app"> <mars3d></mars3d> </div> </template> <script> export default { name: 'App', } </script> ``` 9. 运行项目: ``` npm run serve ``` 这将启动开发服务器并运行你的 Mars3D Vue3 项目。 现在,你可以根据自己的需求进一步开发和定制你的 Mars3D Vue3 项目了。希望这些步骤能对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木遥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值