Cesium地表透明（地下模式）

最新推荐文章于 2024-04-17 15:12:20 发布
最新推荐文章于 2024-04-17 15:12:20 发布
阅读量5.4k 收藏 9
点赞数 1
文章标签： gis webgl js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xietao20/article/details/109501243
版权

Cesium地表透明（地下模式）

实现效果

在这里插入图片描述

关键代码

 //开启或者关闭地下模式
    setCollisionDetection(enable) {
        this.viewer.scene.screenSpaceCameraController.enableCollisionDetection = enable
    },

    //设置透明度
    setAlpha(alpha) {
        this.viewer.scene.globe.translucency.frontFaceAlpha = alpha;
    },

详情参见 Cesium实战专栏

xt3d
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
【Cesium开发实战】地下模型功能的实现，可设置透明度及显示隐藏
莫言情怼的博客
07-09 375
Cesium地下模型功能实现
cesium接入geojson（地形透明）（cesium篇.49）
地图之家
11-09 2526
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： 下面献上完整代码，代码重要位置会做相应解释 <html lang="en"> <head> <meta charset="UTF-8"/> <script src="Build/Cesium/Cesium.js"></script> <link rel="st
Cesium开发：地下模式效果
地理信息技术杂谈 博客，欢迎技术交流
05-11 4749
主要是如何修改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
Cesium 地下模式
西柚2015地信小白GISer
09-01 3048
解决方法： 设置地球透明度 设置相机可以进入地下 代码: OpenUnderGroup() { //设置鼠标进去地下 this._viewer.scene.screenSpaceCameraController.enableCollisionDetection = false; //设置地球透明 this._viewer.scene.globe.translucency.enabled = true; this._viewer.scene.globe.t...
Cesium地表透明
03-01 675
通过将地表的drawCommand放到透明队列里渲染。现在发现有了新的方法（其实2020年就有该方法了）：GlobeTranslucency。之前Cesium是不能地表透明的，需要改内部代码，将GlobeSurfaceTileProvider.js中的。也可以设置根据到相机的距离获取或设置地球背面的近和远半透明属性。当相机位于地下时，背面和正面会交换，即背面几何形状被视为正面。来计算的，所有这些都可能包含半透明度。还可以设置矩形范围，来呈现范围内的透明表面。下面代码是修改影像的透明度，可以看到地下。
cesium设置地球透明
最新发布
qq_42351255的博客
04-17 723
【代码】cesium设置地球透明。
Cesium 地下场景
既然青春留不住，还是做个大叔好!
09-27 655
1 需求 一直认为在三维方面在地下场景做的并不是很好，要么是数据问题，要么是展现的性能问题。 Cesium在1.70的版本推出了地下的模式，最近也会做这方面的应用，效果怎么样，拭目以待。 2 参考资料 Cesium官网博客介绍 地下设施、矿井、地质层等数据在Cesium中的可视化 Cesium官网示例 [Enable globe transparency](https://sandcastle.cesium.com/index.html?src=Globe Translucency.html) [Enab
cesium开发——设置地球球体透明
weixin_46557501的博客
04-14 5068
效果如图，这里我加载了一张geoserver中国地图 尝试了很多方法，终于达到上图的效果。 当移除掉地球的图层之后，将球体的baseColor设置为透明，然后添加其他需要展示的图层： viewer.imageryLayers.removeAll(); // 添加WMS服务 const provider = new Cesium.WebMapServiceImageryProvider({ url: url, layers: "RLP", parameters: { transp
cesium-添加地下模型
孙霸天的专栏
01-17 3771
cesium-添加地下模型 在加载模型的时候，可能会出现地下模型，这时就需要开启深度检测了，不然模型会在视图中乱飘 开启深度检测后，如果加载了图层，就有可能遮挡住地下模型 这是就需要使用根据距离改变地下透视程度 核心代码 /** * 根据距离改变地下透视程度 */ undergroundState() { let viewer = this._viewer;
基于Cesium+VUE实现地下模式效果组件，完整demo和源代码，包括模型数据，代码未加密/未压缩，可直接调用运行
07-03
基于Cesium+VUE实现地下模式效果组件，完整demo和源代码，包括模型数据，代码未加密/未压缩，可直接调用运行 文章描述：https://blog.csdn.net/qq_34205305/article/details/125503033 代码不易，略收小费，使用过程...
Cesium 静止鼠标中键调整视角到地下（带地形时）
05-25
Cesium调整视角时会进入地下，相机会从地下看地上网格，体验很不好。此代码控制相机俯角，禁止相机俯角从下往上看，同时可以再把视角拉高。 使用方法 在页面Cesium初始化viewer后加入代码，Jquery动态加载js方式：$.getScript("js/disableUndergroud.js");
Cesium相机进入地下问题，修改ScreenSpaceCameraController源码
08-23
想赚波分，所以拿出来分享了，真实有效，不坑人。替换scene下的ScreenSpaceCameraController代码，用cesium.js自己打开文件，找到这部分替换，另外上传不能修改，其中pickGlobe函数用下面替换 function pickGlobe(controller, mousePosition, result) { var scene = controller._scene; var globe = controller._globe; var camera = scene.camera; if (!defined(globe)) { return undefined; } var depthIntersection; if (scene.pickPositionSupported) { depthIntersection = scene.pickPositionWorldCoordinates(mousePosition, scratchDepthIntersection); } var ray = camera.getPickRay(mousePosition, pickGlobeScratchRay); var rayIntersection = globe.pick(ray, scene, scratchRayIntersection); var pickDistance = defined(depthIntersection) ? Cartesian3.distance(depthIntersection, camera.positionWC) : Number.POSITIVE_INFINITY; var rayDistance = defined(rayIntersection) ? Cartesian3.distance(rayIntersection, camera.positionWC) : Number.POSITIVE_INFINITY; if (pickDistance < rayDistance) { return Cartesian3.clone(depthIntersection, result); } return Cartesian3.clone(rayIntersection, result); }
49.（cesium篇）cesium接入geojson（地形透明）.zip
06-09
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“49.（cesium篇）cesium接入geojson（地形透明）”。如下载有问题，可联系博主。 解压密码：cesium
iclient for cesium 场景球透明，背景透明，全都透明demo
06-21
iclient for cesium 场景球透明，背景透明，全都透明demo
Cesium中禁止相机看到地下
08-17
Cesium中禁止相机看到地下，直接将代码放到viewer初始化完成之后
DEJA_VU3D - Cesium功能集 之 053-地下模式效果
总得学点什么的博客
07-03 1850
本篇文章我们来介绍基于Cesium实现地下模式效果，包括完整源代码
分享：实现Cesium的地下模式效果
地理信息技术杂谈 博客，欢迎技术交流
05-08 1579
Cesium并没有自带地下模式的效果，需要自己进行编写修改，涉及到一些修改源码的工作，各大Cesium封装商都实现了，下边分享一个网上搜到的具体步骤，参加如下网址： 最简单实现 https://www.cnblogs.com/SmilingEye/p/11459901.html 分析火星的实现 https://www.cnblogs.com/SmilingEye/p/11473987.html 相关问题资源 https://www.cnblogs.com/SmilingEye/p/11677347.html
cesium地表透明度
02-21
Cesium是一个用于创建地球上的3D地理信息系统的开源JavaScript库。它提供了丰富的功能和工具，可以在Web浏览器中实现高性能的地理可视化。 在Cesium中，地表透明度是指地球表面的透明度或不透明度。通过调整地表透明度，可以控制地球表面的可见性和透明度，从而实现不同的视觉效果。 要设置地表透明度，可以使用Cesium的材质属性。每个Cesium实体（Entity）都有一个材质属性，可以通过设置该属性来控制地表透明度。具体而言，可以使用Cesium.Color类来定义材质的颜色和透明度。通过设置颜色的alpha通道值（范围从0到1），可以实现地表的透明效果。 以下是一个示例代码，演示如何设置地表透明度为50%： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); var entity = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), ellipse: { semiMinorAxis: 250000.0, semiMajorAxis: 400000.0, material: new Cesium.Color(1.0, 0.0, 0.0, 0.5) // 设置颜色的alpha通道值为0.5 } }); ``` 在上述代码中，创建了一个椭圆实体，并将其材质的颜色设置为红色，透明度为50%（alpha通道值为0.5）。 希望以上信息对你有帮助！如果你还有其他问题，请随时提问。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xt3d

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值