SuperMap iClient3D for WebGL教程(S3MTilesLayer)- 多源数据加载

       大家都知道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格式的三维服务添加到场景中。
主要的参数有:


S3MTilesLayer参数

接下来我们来实验一下加载的代码
我们可以通过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数据

image.png

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

image.png

也可以将模型加入到场景中,生成场景缓存
image.png

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

image.png

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

4、三维管线
三维管线数据,有两种生成模型的方法,1、通过三维地理设计,放样来生成三维管线模型数据集,这样生成模型数据集后生成s3m缓存的方法就可以参照第2项的人工建模数据了,2、通过自定义专题图来进行生成,即可生成管线数据,然后保存场景,生成s3m缓存,进行加载,生成的管线如下图。

三维管线

5、图标图层
我们可以使用自定义专题图,外挂图片生成对应的点标注图层,然后保存场景,生成场景缓存,这样的图层也可以生成s3m缓存,添加到WebGL中进行展示。

image.png

需要注意的是,生成场景缓存时,需要去掉点外挂模型生成缓存的选项,否则图标不显示,默认生成缓存时这个选项是勾选上的。
image.png

6、矢量数据
二维/三维点线面等矢量数据都可以在场景中生成三维缓存,格式选择成为s3m数据进行发布,都可以在WebGL中进行展示,数据制作的流程也非常简单,将数据集添加到场景,配置为自己的风格,保存场景,点击右键菜单中的生成场景缓存即可。

生成场景缓存

三、数据发布

所有的数据生成s3m后,就可以进行发布了。对于9D及以前的版本,需要将s3m缓存添加到场景,然后保存工作空间,再发布工作空间,从而得到图层信息,如果是10i版本的,则可以直接发布scp


发布scp

本节课程先到这里,后续为大家讲解更多S3MTilesLayer的操作

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容