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

本文深入探讨CesiumTerrainProvider在WebGL中实现地形渲染的方法,包括TIN地形加载、水面效果及法向量支持。通过实战案例,如STK全球地形和SuperMap TIN地形缓存,展示了如何构造和使用该类。

作者:为梦齐舞

本文同步更新于简书文章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
Cesium原生
相比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;

我们开启了场景光照,法向量和水面特效
地形效果
那我们来关闭法向量看下会有什么变化呢?我们将requestVertexNormals 设置为false,我们可以看依然有地形起伏的效果,但是没有了阴阳面的轮廓
关闭法向量
那么水面特效是什么效果呢,我们来看下这张动图
水面特效
2、添加SuperMap iServer地形
关于SuperMap iServer地形的制作,可以参考前面的文章《SuperMap iClient3D for WebGL教程(地形篇)-地形数据生产》(https://www.jianshu.com/p/8df809ee93cb
我们在SuperMap iServer中发布地形服务后,可以在SuperMap iServer页面中找到地形的服务地址
获取服务地址
拿到服务地址后我们就可以进行编码了

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 iServer地形效果

### 回答1: SuperMap iClient 3D for WebGL 是一款基于 WebGL 技术的三维地图开发工具,主要用于构建具有三维效果的地图应用程序。该工具提供了丰富的 API 接口示例代码,可以帮助开发者快速上手,实现各种三维地图功能,如地形展示、建筑物模型、动态效果等。同时,SuperMap iClient 3D for WebGL 还支持多种数据格式,包括 SuperMap iServer 数据、OGC 标准数据、KML、GeoJSON 等,可以满足不同应用场景的需求。 ### 回答2: SuperMap iClient3D for WebGL是一个基于WebGL技术的三维地图开发框架。它提供了一系列的API工具,使开发人员能够更加轻松地构建出高质量的三维地图应用。下面,我将从以下几个方面介绍SuperMap iClient3D for WebGL教程。 一、环境配置 SuperMap iClient3D for WebGL的开发需要先配置开发环境,包括安装Node.js、下载安装SuperMap iServer、下载安装SuperMap iClient3D资源包、创建Web应用程序。 二、基本概念 在学习SuperMap iClient3D for WebGL之前,需要了解一些基本概念。这些概念包括:场景(Scene)、层(Layer)、覆盖物(Overlay)等。在使用SuperMap iClient3D for WebGL时需要理解这些概念。 三、API使用 SuperMap iClient3D for WebGL提供了众多的API,使用这些API能够快速构建出一个三维地图应用。这些API包括:场景相关的API,如创建场景、设置场景属性等;层相关的API,如加载图层数据、隐藏、显示图层等;覆盖物相关的API,如创建点、线、面等覆盖物。 四、进阶应用 在掌握SuperMap iClient3D for WebGL的基础之后,可以通过进阶应用来进一步加深对这个框架的理解。进阶应用包括地球的三维测量、地球的动态效果、地球的热点区域等。 总之,SuperMap iClient3D for WebGL是一个非常实用的三维地图开发框架。通过学习其教程,开发人员可以更加方便、快速地构建出高质量的三维地图应用。 ### 回答3: SuperMap iClient 3D for WebGL是一款基于WebGL技术的开源GIS JavaScript库,用于构建高效、功能强大的3D GIS应用程序。这个库支持在Web浏览器里实现高质量的三维可视化效果,包括三维地形、建筑物、模型、标签等。现在,我来为你们讲解一下关于SuperMap iClient 3D for WebGL教程。 一、前置知识 在接触SuperMap iClient 3D for WebGL之前,建议你先学习基本的WebGL知识JavaScript语言,也应该具备计算机图形学基础3D模型制作知识。 二、环境配置 在使用SuperMap iClient 3D for WebGL前,我们需要进行环境配置,在编写运行项目时可以根据需要安装一系列依赖项,例如Node.js、npm包管理器、Gulp自动化工具、webpack工具TypeScript编译器等。 三、基本使用 SuperMap iClient 3D for WebGL提供了丰富的API以实现3D可视化应用程序的开发,其中包括地图、图层、标注、工具、渲染等方面。同时,它还提供了多种数据格式的支持,如XYZ、OGC、JSON、KML、GML等。此外,SuperMap iClient 3D for WebGL还支持多种操作交互方式,如平移、旋转、缩放、选取、编辑等,让用户可以更加自由地探索编辑地图数据。 四、示例应用 SuperMap iClient 3D for WebGL提供了一系列的示例应用程序,可以帮助用户更好的理解其使用方法特点,其中包括一些经典的三维场景展示实时数据可视化等。例如,用户可以体验到城市三维建模、天气预报、热力图、空气质量监控等实用的功能。此外,SuperMap iClient 3D for WebGL也提供了一些模板组件,供用户快速搭建自己的3D GIS应用程序。 总之,SuperMap iClient 3D for WebGL是一款非常优秀的基于WebGL技术的GIS JavaScript库,具有开源、高效、功能强大、易用等特点,可以为用户提供丰富多彩的三维GIS应用程序。当然,在使用前,建议用户先了解基本的WebGLJavaScript知识,同时还需配置好开发环境。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值