近期工作需要,要在Vue-cli项目上集成地图开发,比较熟悉Cesium,因此想把Cesium集成到Vue项目中。
网上搜了很多教程,有很多坑,Cesium官方并没有给出特别明确的指示,配置过程一言难尽。废了九牛二虎之力终于配好了,目前开发一切正常。项目使用的UI库是饿了么。把搭建好的项目分享一下,有需要的小伙伴直接拿去,祝你少走弯路。
项目引入Cesium是添加依赖包的形式,跟常规的依赖包差不多,但只npm install cesium是远远不够的,还需要在vue.config.js文件和其他文件中写相应配置。
项目使用的依赖包版本:Cesium1.95.0,elementUI 2.15.13,vue2
项目已托管到码云上,并开源:Vue2_elementUI_Cesium: Vue2集成elementUI和cesium的地图场景开发框架 (gitee.com)
启动项目主页即可看到Cesium地图,我去除了Cesium图标和其他小组件,只有纯粹的地图,开发者后期自行添加。如有好的想法,欢迎小伙伴们一期完善这个开源项目。