在已有项目中集成mars3d注意事项（vue3和vue2技术栈下）

最新推荐文章于 2024-06-04 17:30:29 发布

mianmianwu

最新推荐文章于 2024-06-04 17:30:29 发布

阅读量1.2k

点赞数

分类专栏： Mars3d app vue 文章标签： vue.js 前端 javascript 前端框架 3d

本文链接：https://blog.csdn.net/m0_69803146/article/details/127298262

版权

Mars3d 同时被 3 个专栏收录

165 篇文章 16 订阅

订阅专栏

vue

161 篇文章 2 订阅

订阅专栏

app

144 篇文章 0 订阅

订阅专栏

目前cesium1.96改变了代码打包方式，在vue2项目下会有这个兼容问题。目前解决方式有（三选一）

1、参考 https://gitee.com/marsgis/mars3d-vue-template/tree/master/mars3d-vue2 升级下vuecli到5
2、修改package.json固定mars3d-cesium版本为1.95，"mars3d-cesium": "1.95.1" 【注意不要^】，删除node_modules后重新安装
3、或者在html直接引入Cesium资源和import mars3d方式集成 (cdn cesium + import mars3d)，具体参考 http://mars3d.cn/dev/guide/start/import.html目前cesium1.96改变了代码打包方式，在vue2项目下会有这个兼容问题。目前解决方式有（三选一）

1、参考 https://gitee.com/marsgis/mars3d-vue-template/tree/master/mars3d-vue2 升级下vuecli到5
2、修改package.json固定mars3d-cesium版本为1.95，"mars3d-cesium": "1.95.1" 【注意不要^】，删除node_modules后重新安装
3、或者在html直接引入Cesium资源和import mars3d方式集成 (cdn cesium + import mars3d)，具体参考 http://mars3d.cn/dev/guide/start/import.html

vite 3.0的集成问题参考解决步骤：
1. vite-plugin-mars3d 版本大于 2.0.1
2. 修改导入方式 import { vitePluginMars3d } from 'vite-plugin-mars3d';

其中：

vue2的注意步骤123：升级 webpack到5 或者直接 script 的方式引入