vue-cli3 使用 cesium 创建 3d 地图

效果如下:

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