SuperMap iClient3D for WebGL教程（S3MTilesLayer）- 多源数据加载

本文主要是介绍SuperMap iClient3D for WebGL教程（S3MTilesLayer）- 多源数据加载，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

作者：为梦齐舞

本文同步更新于简书文章[https://www.jianshu.com/p/6718532cd731]
大家都知道Cesium加载的三维模型缓存格式是3DTiles，超图在SuperMap iClient3D for WebGL中提出了自己的格式s3m，s3m是一种开放式可扩展的三维地理空间数据格式——Spatial 3D Model（S3M），对倾斜摄影模型、人工建模数据、BIM、点云、三维管线、二维/三维点线面等各类数据进行整合，适用于海量、多源异构三维地理空间数据和Web环境下的传输与解析，为多源三维地理空间数据在不同终端（移动设备、浏览器、桌面电脑）地理信息平台中的存储、高效绘制、共享与互操作等问题提供了解决方案。
2019年7月19日，经中国地理信息产业协会审查批准，《空间三维模型数据格式》团体标准发布，将于8月31日正式实施。这是中国地理信息产业协会发布的第一个团体标准。
本节课程我们介绍下S3MTilesLayer图层及支持数据如何制作为s3m进行加载。

一、S3MTilesLayer简介

与Cesium不同的是，WebGL中添加缓存，不是使用Primitives，而是使用S3MTilesLayer进行添加的。官方介绍：
S3M(Spatial 3D Model)图层类，通过该图层实现加载三维切片缓存，包括倾斜摄影模型、BIM模型、点云数据、精细模型、矢量数据、符号等。通过Scene.addS3MTilesLayerByScp(url, options)的方式将发布的*.s3m格式的三维服务添加到场景中。
主要的参数有：
在这里插入图片描述
接下来我们来实验一下加载的代码
我们可以通过viewer.scene.open方式打开场景添加多个s3m数据（方法比较简单，大家可以自行试验下），当然我们也可以添加单个图层，我们通过viewer.scene.addS3MTilesLayerByScp方法进行添加，返回的是一个promise异步加载对象。
这个方法主要的参数为
addS3MTilesLayerByScp参数
这里直接上代码：

var scene = viewer.scene;var promise=scene.addS3MTilesLayerByScp("http://www.supermapol.com/realspace/services/3D-suofeiya_church/rest/realspace/datas/Config/config",{name:"suofeiyaOSGB",cullEnabled:false});Cesium.when(promise,function (layer) {viewer.zoomTo(layer);})

首先我们使用addS3MTilesLayerByScp添加了一个图层，里面的url是发布的s3m图层的配置文url信息，里面给了两个参数，一个是图层名称，另外一个是是否双面渲染，然后使用Cesium.when异步回调，当图层加载完后进入，再使用viewer.zoomTo定位到图层，实现的效果如下图：
addS3MTilesLayerByScp效果
这里提下双面渲染，当我们将cullEnabled设置为false时，是双面渲染的，背面显示为下图所示：

双面渲染
当我们将cullEnabled设置为true时，则采用单面渲染，背面显示为下图所示：

单面渲染

二、多源数据加载

s3m数据都是通过SuperMap iDesktop进行处理的，建议您可以先学习，软件下载地址：
http://support.supermap.com.cn/DownloadCenter/ProductPlatform.aspx

1、倾斜摄影模型
倾斜摄影模型可以添加到S3MTilesLayer图层中进行添加，就像第一步我们演示的效果一样，加载的就是倾斜摄影数据，一般我们获取的格式都是OSGB格式的，这时可以通过纹理压缩，将OSGB格式压缩为s3格式，具体操作可以参考博客：
https://blog.csdn.net/supermapsupport/article/details/89472538
也可以使用SuperMap iDesktop .NET 10i版本倾斜入库功能，一步搞定，生成可发布的s3m数据

2、人工建模数据
对于3DMax的建模数据，我们可以使用超图提供的3DMax插件，将其导出为模型数据集，然后使用模型数据集生成s3m数据。
对于3DMax的插件使用，具体可参考博客：
https://www.jianshu.com/p/5223806d7c51
我们可以选中模型数据集右键生成场景缓存

也可以将模型加入到场景中，生成场景缓存

3、BIM数据
和人工建模数据建模数据一样，超图同样提供了插件，将模型导出到数据源中成为模型数据集，这里以Revit为例子。
Revit插件使用具体参考博客：https://www.jianshu.com/nb/34901765
这里需要提到的是，一般BIM数据由于数据集是按照族类型进行分类的，数据集会特别多，如果按照3DMax的方式进行生成，将生成多个s3m缓存图层，所以一般推荐使用批量生成模型缓存，将所有的数据集生成到一层s3m缓存中，便于管理

4、点云数据
激光点云数据在WebGL中显示，也是通过s3m来进行管理的，获取到点云后，首先生成点云的配置文件，然后通过配置文件生成点云数据。
点云的具体操作可参考博客：https://blog.csdn.net/supermapsupport/article/details/89678679
生成配置文件