1.创建cesium地球
var viewer = new Cesium.Viewer("cesiumContainer", {
selectionIndicator: true,
infoBox: true,
//需要进行可视化的数据源的集合
animation: true, //是否显示动画控件
shouldAnimate: true,
homeButton: true, //是否显示Home按钮
fullscreenButton: true, //是否显示全屏按钮
baseLayerPicker: true, //是否显示图层选择控件
geocoder: true, //是否显示地名查找控件
timeline: true, //是否显示时间线控件
sceneModePicker: true, //是否显示投影方式控件
navigationHelpButton: true, //是否显示帮助信息控件
requestRenderMode: true, //启用请求渲染模式
scene3DOnly: false, //每个几何实例将只能以3D渲染以节省GPU内存
sceneMode: 3, //初始场景模式 1 2D模式 2 2D循环模式 3 3D模式 Cesium.SceneMode
//加载天地图影像地图,WebMapTileServiceImageryProvider该接口是加载WMTS服务的接口
//tileset添加地形,本地地址
imageryProvider: new Cesium.TileMapServiceImageryProvider({
url: 'http://127.0.0.1:8080' + '/TMS/',
fileExtension: 'jpg',
layer: 'img',
style: 'default',
tileMatrixSetID: 'w',
format: 'tiles',
maximumLevel: 20,
name: "main"
}),
});
//去掉版权信息
viewer._cesiumWidget._creditContainer.style.display = "none";
//光照
viewer.scene.globe.enableLighting = true;
//地形深度
viewer.scene.globe.depthTestAgainstTerrain = false;
2.各个脚本初始
//云
var cloud = new Cloud({
viewer: viewer,
});
//雨
var rain = new Rain(viewer);
//雪
var snow = new Snow(viewer);
//积雪
var snowcover = new SnowCover(viewer);
//雾
var fog = new Fog(viewer);
3.使用方法
$("#clouds").click(function () {
console.log("天气--->云");
cloud.LoadClouds();
});
$("#rains").click(function () {
console.log("天气--->雨");
rain.createRain();
});
$("#snows").click(function () {
console.log("天气--->雪");
snow.createSnow();
});
$("#snowscover").click(function () {
console.log("天气--->积雪");
snowcover.createSnowCover();
});
$("#fogs").click(function () {
console.log("天气--->雾");
fog.createFog();
});
$("#clear").click(function () {
console.log("天气--->清除");
cloud.clearClouds();
rain.clearRain();
snow.clearSnow();
snowcover.clearSnowCover();
fog.clearFog();
});
var slider = document.getElementById("slider");
slider.addEventListener("change", function () {
console.log("雪大小:", slider.value);
//snow.setSnowAlpha(slider.value);
//snowPostProcess.alpha = 0.6;
var brightnessValue =parseFloat(slider.value).toFixed(1);
snowcover.setSnowCover(brightnessValue);
console.log("模型:", tileset,"特效:",viewer.scene.postProcessStages);
});