SuperMap iClient3D for WebGL教程(地形篇)-CesiumTerrainProvider

作者:为梦齐舞

本文同步更新于简书文章https://www.jianshu.com/p/a59dedc1eacc
一、CesiumTerrainProvider介绍
前面的文章中,我们介绍了很多地形相关的知识,本章中我们来一起了解下CesiumTerrainProvider,我们在WebGL中如果希望添加带有地质起伏的地形,都会使用这个类,它同时支持高度图和TIN地形两种格式。不过目前高度图的技术路线已经不在推荐使用,所以我们本章主要介绍TIN地形的加载,本章中我们以STK全球地形和SuperMap的TIN地形缓存为例,来使用CesiumTerrainProvider。
SuperMap iClient3D for WebGL将Cesium原生的CesiumTerrainProvider进行了再次封装,我们来对比下原生参数和封装过的参数
SuperMap iClient3D for WebGL教程(地形篇)-CesiumTerrainProvider_第1张图片
SuperMap iClient3D for WebGL教程(地形篇)-CesiumTerrainProvider_第2张图片
相比Cesium原生,SuperMap iClient3D for WebGL多了两个参数isSct和isShowGlobe,其他参数都大致相同。
与EllipsoidTerrainProvider不同之处是CesiumTerrainProvider支持水面效果,不支持法向量,我们在后面实际应用时可以看下效果。
另外这里提及一句,目前WebGL和Cesium原生在一个场景中都仅之处一个地形图层,意味着我们只能进行地形的替换而不能进行两个地形的叠加显示。
二、构造CesiumTerrainProvider
1、url,地形图层的服务地址,这个是必填参数。
2、requestVertexNormals,是否请求法线,在scene.globe.enableLighting = true;时能看到效果
3、requestWaterMask,是否请求水面,这个目前stk的地形是支持水面波光粼粼的效果的。
4、ellipsoid,参考椭球,前面的文章已经提到,不在介绍。
5、isSct,重要参数,如果是使用SuperMap iServer发布的TIN地形缓存,此参数必须设置为true。
6、isShowGlobe,是否剔除无效的区域,默认是全球显示。
三、实战CesiumTerrainProvider
1、添加stk全球地形服务,由于国外的stk服务地址(//assets.agi.com/stk-terrain/world)有时候访问慢或直接访问不到,所以我们使用SuperMap iServer进行了一次转发,效果和stk一样。

viewer.scene.globe.enableLighting = true;//开启场景光照
    var terrainProvider= new Cesium.CesiumTerrainProvider({
            url : "https://www.supermapol.com/realspace/services/3D-stk_terrain/rest/realspace/datas/info/data/path",
            requestWaterMask : true,//开启法向量
            requestVertexNormals : true//开启水面特效
        })
    viewer.terrainProvider=terrainProvider;

我们开启了场景光照,法向量和水面特效
SuperMap iClient3D for WebGL教程(地形篇)-CesiumTerrainProvider_第3张图片
那我们来关闭法向量看下会有什么变化呢?我们将requestVertexNormals 设置为false,我们可以看依然有地形起伏的效果,但是没有了阴阳面的轮廓
SuperMap iClient3D for WebGL教程(地形篇)-CesiumTerrainProvider_第4张图片
那么水面特效是什么效果呢,我们来看下这张动图

2、添加SuperMap iServer地形
关于SuperMap iServer地形的制作,可以参考前面的文章《SuperMap iClient3D for WebGL教程(地形篇)-地形数据生产》(https://www.jianshu.com/p/8df809ee93cb)
我们在SuperMap iServer中发布地形服务后,可以在SuperMap iServer页面中找到地形的服务地址
SuperMap iClient3D for WebGL教程(地形篇)-CesiumTerrainProvider_第5张图片
拿到服务地址后我们就可以进行编码了

viewer.scene.globe.enableLighting = true;
var terrainProvider = new Cesium.CesiumTerrainProvider({
	url: "http://localhost:8090/iserver/services/3D-scene/rest/realspace/datas/DEM25",
	isSct: true,地形服务源自SuperMap iServer发布时需设置isSct为true
	});
viewer.terrainProvider=terrainProvider;

地形服务源自SuperMap iServer发布时需设置isSct为true,另外说明一点requestVertexNormals 法向量是在生成缓存的时候需要勾选带法线才能支持,否则就算是设置requestVertexNormals 为true也没有光照的效果,而且如果勾选了带法线,默认地形就是请求法向量的。
SuperMap iClient3D for WebGL教程(地形篇)-CesiumTerrainProvider_第6张图片

你可能感兴趣的:(三维GIS)