cesium实现地形夸张效果


Cesium实战系列文章总目录传送门

1.实现效果

(1)地形夸张8倍后效果:
在这里插入图片描述
(2)地形不夸张效果:
在这里插入图片描述

2.实现方法

在一些地形变化不突出的地方,需要突出显示地形,这时就需要使用地形夸张表达。

2.1实现思路

使用globe类的terrainExaggeration属性进行地形夸张,API:传送门
在这里插入图片描述

2.2具体代码

具体实现代码如下:

 // 添加地形
 viewer.terrainProvider = Cesium.createWorldTerrain();
 // 设置相机初始位置
 viewer.camera.setView({
     destination: {
         x: -1154857.1266542252,
         y: 5658626.115702861,
         z: 2858953.297578074
     },
     orientation: {
         heading: 5.956966657617478,
         pitch: -0.060339944171832416,
         roll: 6.283013919534514
     }
 });
 // 地形夸张
 viewer.scene.globe.terrainExaggeration = 8.0;
  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Cesium 是一个基于 WebGL 的虚拟地球和地图引擎,支持三维可视化和地形渲染。要实现地形抬升效果,可以通过以下步骤实现: 1. 加载地形数据 首先需要加载地形数据,可以使用 Cesium 提供的 TerrainProvider,如 CesiumTerrainProvider 或者自定义的 TerrainProvider,来加载地形数据。例如,可以使用 CesiumTerrainProvider 加载 Cesium 的在线地形服务: ``` viewer.terrainProvider = new Cesium.CesiumTerrainProvider({ url: 'https://assets.agi.com/stk-terrain/v1/tilesets/world/tiles', requestVertexNormals: true }); ``` 2. 创建材质 在 Cesium 中,可以使用材质(Material)来控制地形的颜色、透明度、贴图等属性。可以创建一个基于高度的材质,来实现地形抬升效果。例如,可以使用 Cesium 的 ColorMaterialProperty 和 HeightReference 来创建一个基于高度的材质: ``` var material = new Cesium.ColorMaterialProperty( Cesium.Color.WHITE.withAlpha(0.5) ); material.translucent = true; var height = new Cesium.HeightReference(Cesium.HeightReference.RELATIVE_TO_GROUND); viewer.entities.add({ name: 'Terrain', rectangle: { coordinates: Cesium.Rectangle.fromDegrees(-120.0, 20.0, -60.0, 40.0), material: material, height: 0.0, heightReference: height } }); ``` 3. 抬升地形Cesium 中,可以使用 Entity 的 height 和 heightReference 属性来控制地形的高度。可以通过修改这些属性,来实现地形抬升效果。例如,可以通过修改 Entity 的 height 属性,来抬升地形: ``` viewer.entities.getById('Terrain').height = 500.0; ``` 这将抬升地形 500 米。 综上所述,要实现地形抬升效果,需要加载地形数据,创建基于高度的材质,以及抬升地形

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

右弦GISer

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

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

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

打赏作者

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

抵扣说明:

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

余额充值