Cesium开发：地下模式效果

主要是如何修改Cesium的源码，才能达到实现地下模式的效果。
修改完源码后，在执行地下模式的时候，设置地图的底色，要同步将地图影像进行半透明的操作，并且还要刷新一下影像图层，及时显示效果。

//设置地图basecolor为透明色
viewer.scene.globe.baseColor = new Cesium.Color(1, 1, 1, 0);
//循环设置影像的透明度
var _mapAlpha = 0.5;
if (viewer.imageryLayers) {for (var i = 0; i < viewer.imageryLayers.length; i++) {viewer.imageryLayers.get(i).alpha = _mapAlpha;}
}
//刷新全部的影像切片
viewer.scene.globe._surface.invalidateAllTiles();

地表透明的效果，显示半地上地下

上图的效果中，实现了地下模式的透明，但是，地下还浮着一块阴影，这是Cesium自带的大气效果，需要关掉就不存在这种效果了。

 viewer.scene.skyAtmosphere.show = false;

上图就不存在黑色阴影的问题，整个场景都变成黑色了，所以，在使用地图的时候，暗色系的底图，会显得很黑，看不清具体的效果。
当然要是有好的解决方案，可以留言提示。

更多文章请关注公众号查看！

Cesium开发：地下模式效果相关推荐

基于 React hooks + Typescript + Cesium 实现地下模式预览
文章目录功能介绍实现思路实现步骤记录原始球体相关参数开启地下透明模式更新影像图层透明度封装 UndergroundModeComponent 组件 UndergroundModeComp ...
Cesium地表透明（地下模式）
Cesium地表透明(地下模式) 实现效果关键代码实现效果关键代码 //开启或者关闭地下模式setCollisionDetection(enable) {this.viewer.scene.sc ...
RabbitMQ手动确认模式(项目开发常用模式)
RabbitMQ 手动确认模式(日常项目开发常用模式) 借鉴导言架构及工作原理项目开发使用(公司常用) 借鉴导言此文借鉴多名CSDN用户博客,并将其博文中关于MQ常用的点,进行了归纳整理借鉴博 ...
Cesium 开发笔记-Vue 中使用 Cesium（vue-cli-plugin-cesium）
Cesium 开发笔记-Vue 中使用 Cesium(vue-cli-plugin-cesium) 通常情况下,我们要在 Vue 中使用 Cesium,首先要安装 Cesium,然后要在 vue-cl ...
web前后端分离开发部署模式
web前后端分离开发部署模式在开始讨论这个话题之前我们先来认识一下传统的开发模式. 一.传统开发模式相信很多做过Web开发童鞋应该都会经历这样一种开发模式,利用后端语言提供的模版引擎编写HTML/ ...
共话轻应用时代App开发新模式 FinClip线上沙龙成功举办
12月7日,FinClip 联合 Zion 的最新一期线上主题沙龙活动成功举办.本次沙龙以<走进小程序云原生开发新时代>为主题,共话轻应用时代的App开发新模式. 本次线上沙龙邀请到了凡泰 ...
Cesium开发工具篇 | 07回顾总结
到目前为止,Cesium开发课程的篇幅已经学完四分之三了,大家如果有什么问题可以私信我或者扫描以下二维码进群沟通,若群二维码失效,可扫描最下方的公众号二维码,加我为好友并备注加群.有时会比较忙来不及回 ...
Cesium开发基础笔记总结（加载影像、加载地形数据、加载矢量）
Cesium开发基础笔记总结学习总结于GIS李胜老师博客 Cesium开发基础01加载影像数据加载影像数据 Cesium中的影像图层类: 无论是二维地图还是三维地图,如果缺少了底图影像或电子地图, ...
macOS 11 Big Sur可在设置中禁用桌面着色以使深色模式效果更佳
8 月 5 日苹果发布了 macOS 11 Big Sur的第四个开发人员beta版本 ,其带来了微小但值得注意的变化.在最新的macOS Big Sur 11 Beta 4版本中,"系统偏 ...

Cesium开发：地下模式效果

Cesium开发：地下模式效果相关推荐

最新文章

热门文章