cesium天气特效之动态全球云层,使用vue+cesium实现
核心思路,使用GLSI进行全球动态云层的纹理效果展示,目前最新版本的Cesium是支持局部云朵的添加,不过全球云层还是采用了全覆盖的方案 具体代码如下,
CesiumApp.vue
<template>
<div>
<div ref="earthContainer" class="full" id="container"></div>
</div>
</template>
<script >
import {addCloud} from './cloud'
export default {
name: "ViewerApp",
props: {
msg: String,
},
data() {
return{
}
},
mounted() {
const Cesium = window["Cesium"];
Cesium.Ion.defaultAccessToken = ''; //自行添加token
var viewer = new Cesium.Viewer(this.$refs["earthContainer"], {
terrainProvider: Cesium.createWorldTerrain() // 添加地形
});
addCloud(viewer)