vue集成超图supermap-cesium实践

一、使用vue-cli创建vue工程

1，cmd进入文件夹20200305，创建名为vuesupermap的工程。

命令为：vue init webpack vuesupermap

2，进入项目根目录运行项目，在浏览器中浏览

命令为：npm run dev

3，创建新的首页页面，后面三维场景就在此页面加载。

接着在路由配置中引入我们刚创建的首页，并更改一下路由配置

打开浏览器，看到更改的内容已经自动渲染

二、vue集成supermap-cesium

1，首先在你的项目中利用npm添加依赖项vue-cesium-supermap

命令为：npm install vue-cesium-supermap --save

2，在vue的main.js中全局注册，然后注册supermapCesium

3，vue-cesium-supermap的使用

我们在首页中加载三维场景

运行项目能够发现大大的地球已经加载出来了

加载超图官网数据

三、参考文章

1，vue-cli入门（三）——人员管理实例

https://www.jianshu.com/p/5d9b341d650f

2，vue集成cesium或超图的supermap-cesium学习笔记

https://blog.csdn.net/u011332271/article/details/83887958

3，vue-cesium-supermap的github地址

https://lauxb.github.io/vue-cesium-supermap/#/zh/start/installation