效果如下:
image.png
vue-cli3 创建项目流程就不细说了,网上有很多.
具体来说在 vue-cli3 创建的项目中如何使用 cesium 创建 3d 地图.网上搜的许多都是 vue-cli2 的东西,还有许多的坑.
首先
npm install cesium
安装完成之后,在 node_modules 目录中找到 cesium > Bulid > Cesium. 将这个 Cesium 文件复制到 public 目录下.
image.png
image.png
然后在 index.html 文件中引入 Cesium.js 和 Cesium/Widgets/widgets.css.
image.png
再然后就可以在组件中使用 cesium 库了.
image.png
最后启动服务就可以看到
npm run serve
image.png
下篇文章讲一下如何在 vue-cli3 项目中使用 cesium 创建 3d 模型.例子如下:
image.png
image.png
image.png
