cesium模型不遮挡点线面_Cesium专栏-地形开挖(附源码下载)

本文介绍了Cesium如何进行地形开挖,适用于显示地下设施和建筑。首先阐述了Cesium作为三维地球JavaScript开源库的特点,接着详细讲解了地形开挖的概念和应用场景。通过展示开挖效果图,强调了需要预习的ClippingPlaneCollection、ClippingPlane和Globe接口。最后,提供了具体的操作步骤和完整的源码下载链接。
摘要由CSDN通过智能技术生成

146e872fcd0ed5125d4e78a6eb4a80f7.png

Cesium

Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。

关于地形开挖

地形开挖就是在地形表面,开挖出一定范围的区域,用于显示地形下的场景,经常用于城市管网、地下沟渠,排污通道等地下设施,或者地下建筑等等。

效果图

9c7269cea947278d025d63f0ebb7a108.png

需要提前预习的接口

地形开挖与基于3dtiles模型的裁剪效果所使用的接口是一致的,只是使用方式不一样。依然是这几个接口。

  • ClippingPlaneCollection
  • ClippingPlane
  • Globe

具体操作

1、初始化地球,并开启深度测试

var viewer = new Cesium.Viewer('cesiumContainer', { 
 imageryProvider: new Cesium.UrlTemplateImageryProvider({ 
 url: 'http://www.google.cn/maps/vt?lyrs=s@716&x={x}&y={y}&z={z}' 
    }), 
 terrainProvider: Cesium.createWorldTerrain({ 
 requestVertexNormals: true, 
 requestWaterMask: true 
    }) 
}); 
viewer.scene.globe.depthTestAgainstTerrain = true; 

2、指定开挖位置,并设置开挖距离

var position = Cesium.Cartographic.toCartesian(new Cesium.Cartographic.fromDegrees(-113.2665534, 36.0939345, 100)); 
var distance = -3000.0; // 开挖距离 

完整demo源码见小专栏文章尾部

Cesium专栏-地形开挖(附源码下载) - 小专栏​xiaozhuanlan.com
1eb59afbc6913ab1e02eea782491bd44.png

文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波

GIS之家店铺:GIS之家
GIS之家源码咨询:GIS之家webgis入门开发系列demo源代码咨询

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值