基于Vue3和Mars3D🌎开发的三维地球app
三维地球 App 是基于Mars3D 平台做的一个移动端应用,提供的一个移动端项目模版,包含常用基础地图功能,方便快速搭建三维地图产品,敏捷开发,可复用,支持各种配置,适合各种场景使用。
建议先看一遍视频讲解,再实际操作。您可以
git clone git@github.com:marsgis/mars3d-vue-app.git
git clone git@gitee.com:marsgis/mars3d-vue-app.git
// setting.json相关配置
{
"eslint.format.enable": true,
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
请将机器Node版本升级到v18及以上版本(建议下载安装官网最新稳定版本)
npm install
//或使用代理
npm i --registry=http://registry.taobao.org
npm run serve
npm run build
npm run build:app
访问三维地球 APP 软件 在线体验效果和功能(电脑端访问时需要打开 F12 手机模拟)
手机可以扫描直接体验:
需要有一定的知识储备,包括 vue3.0 中的 composition Api 模式等,建议浏览下Web 前端知识视频讲解
mars3d-vue-app
└───public 静态资源
│ └───config 地图的配置文件等
│ └───img 图片资源
│
└───src 主要项目代码
│ └───common 公共核心文件
│ └───components 公共组件(重要)
│ └───misc ts模块定义
│ └───utils 工具方法
│ └───views 存放路由页面(重要)
│ └───main.ts 主入口文件
│ └───routes.ts 路由配置文件
│
│─── package.json 项目配置信息
│─── vite.config.ts vite 配置文件
│─── tsconfig.js ts 配置文件
│─── .eslintrc.js eslint配置文件
└─── index.html 页面入口
参考 获取Mars3D中“从 Mars3D官网 下载获取”章节介绍。
流程大概是:
import * as mars3d from "mars3d";
node_modules/mars3d/
下的所有文件拷贝一份放在packages/mars3d/
目录。mars3d-sdk.rar
离线包内文件 覆盖至packages/mars3d/dist/
目录下。package.json
中mars3d包配置为: "mars3d": "file:packages/mars3d",
平台所有代码层面来说支持离线运行和使用的,但需要注意的是离线时的地图服务的相关处理。
如果局域网内有相关地形、卫星底图服务可以按内网服务类型和 URL 地址替换下config.json
或构造Map的代码中
的默认地形和底图。
如果局域网内没有相关服务,可以按下面处理:
terrain
配置中,将已有的"show": true
配置,改为"show": false
basemaps
数组配置中,将已有的"show": true
的图层,将该值改为"show": false
,并将单张图片或离线地图加上"show": true
,并修改相关 URL 地址。
Mars3D平台
是火星科技研发的一款基于 WebGL 技术实现的三维客户端开发平台,基于Cesium优化提升与 B/S 架构设计,支持多行业扩展的轻量级高效能 GIS 开发平台,能够免安装、无插件地在浏览器中高效运行,并可快速接入与使用多种 GIS 数据和三维模型,呈现三维空间的可视化,完成平台在不同行业的灵活应用。
Mars3D 平台可用于构建无插件、跨操作系统、 跨浏览器的三维 GIS 应用程序。平台使用 WebGL 来进行硬件加速图形化,跨平台、跨浏览器来实现真正的动态大数据三维可视化。通过 Mars3D 产品可快速实现浏览器和移动端上美观、流畅的三维地图呈现与空间分析。
Mars3D 官网:http://mars3d.cn
Mars3D 开源项目列表:https://github.com/marsgis/mars3d
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。