Vue中Cesium的集成

网上教程很多，但是需要的知识都比较多，过程较为复杂对简单的学习来说比较麻烦，这里介绍一种比较简单的方式

集成Cesium

1. 安装

npm install cesium

2. 根据cesium中文件夹的作用，复制打包好的cesium

node_modules\cesium\Build\Cesium

3. 粘贴上面文件夹到public文件夹

4. 修改public的index.html

<script src="./Cesium/Cesium.js"></script>
<style>
    @import url(./Cesium/Widgets/widgets.css);
</style>

效果

<template>
  <div id="cesium-container"></div>
</template>

<script>
import { Viewer } from 'cesium'
export default {
  name: 'App',
  mounted () {
    window.viewer = new Viewer('cesium-container')
  }
}
</script>

<style>
#cesium-container {
  width: 100vw;
  height: 100vh;
}
</style>