SuperMap iClient3D for WebGL教程-CorridorGraphics

本文深入解析Cesium中不常用的CorridorGraphics对象,详细介绍了其属性如positions、width、cornerType等,并通过实例展示了如何创建带圆角的红色走廊面对象。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作者:桔子

本文同步更新于简书文章https://www.jianshu.com/p/82f451eb4230
CorridorGraphics对象是一个不常用的对象,直译过来称之为走廊对象,相对比较难理解,该对象小编理解为线的面缓冲区对象,下图中黄线是中心线,从此可以理解,该对象实际是一个polygonGraphics。
Corridor对象

下面我们来看下CorridorGraphics的属性:
走廊对象.png
positions:中心线节点坐标
width:缓冲区半径
cornerType:转角类型,包括圆角、直角、和切角
height:底部高程
heightReference:高度模式
extrudedHeight:拉伸到的高程
extrudedHeightReference:拉伸到的高度模式,与高度模式相同
granularity:粒度,单位经纬度之间规定距离数值(具体是啥作用小编也没测试出来)
distanceDisplayCondition:最大最小可见距离
下面来看下几个属性的具体用法
cornerType转角类型:
Cesium.CornerType.ROUNDED,圆角
Cesium.CornerType.MITERED,直角
Cesium.CornerType.BEVELED,切角
加载效果如下
Corridor转角类型
前面小编已经讲了该对象其实是个面对象,所以可以对该对象进行拉伸和贴图。

				var redCorridor = viewer.entities.add({
					name: 'Red corridor on surface with rounded corners',
					corridor: {
						positions: Cesium.Cartesian3.fromDegreesArray([
							-100.0, 40.0,
							-105.0, 40.0,
							-105.0, 35.0
						]),
						width: 200000.0,
						granularity:3,
						height:20000,
						extrudedHeight:0,
						//heightReference:Cesium.HeightReference.CLAMP_TO_GROUND,
						//material: Cesium.Color.RED.withAlpha(0.5)
						material: 'Corridor.jpg'
					}
				});

Corridor拉伸贴图
CorridorGraphics的使用就先介绍到这里,小节教程再见。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值