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

在项目中,需要利用vue进行cesium和超图的集成开发,本文以supermap-cesium为例,进行vue的集成开发。

npm 安装vue-cesium-supermap

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

2.在vue的main.js中全局注册
添加:import SuperMapCesium from 'vue-cesium-supermap'
然后注册supermapCesium:

Vue.use(SuperMapCesium,{
    cesiumPath:'/static/Cesium'
})

(其中cesiumPath为超图webgl开发包build文件夹下面的Cesium文件夹,将该文件夹放入到项目的static文件夹中或者你自定义的文件夹中,然后添加上该路径即可)

vue-cesium-supermap的使用

利用npm引入vue-cesium-supermap包后,进行组件的使用:
1.在你需要添加的vue组件中引入supermap三维地球,比如我想在项目的home.vue中添加三维地球,具体的使用方式如下:

//home.vue组件