SuperMap iClient3D for WebGL教程(模型篇)-倾斜摄影

作者:刘大

本文同步更新于简书文章https://www.jianshu.com/p/3c12b78c8abf
倾斜摄影(oblique image)是指由一定倾斜角的航摄相机所获取的影像,航空倾斜影像不仅能够真实地反应地物情况,而且还通过采用先进的定位技术,嵌入精确的地理信息、更丰富的影像信息、更高级的用户体验,极大地扩展了遥感影像的应用领域。该技术可广泛应用于应急指挥、国土安全、城市管理、房产税收等领域。这里就不去阐述他的主要特点了,主要讲讲SuperMap中是如何接入,优化,并发布使用倾斜摄影数据的。

在SuperMap iDesktop 9D(2019) 9.1.1版本中,倾斜摄影数据的相关功能集中在下图所示的位置

在这里插入图片描述

图1 倾斜摄影模块 第一节 数据接入

在SuperMap iDesktop 中,通过加载 *.scp 格式的三维模型缓存文件的方式,实现了倾斜摄影数据的直接批量加载与浏览。

1.若已有*.scp配置文件,可通过菜单栏中"开始—数据导入—倾斜摄影"将倾斜摄影数据导入;

2.没有配置文件的话,可以通过SuperMap iDesktop生成scp配置文件,在“三维数据”—“倾斜摄影”—“配置文件”下拉按钮中,单击“生成配置文件”按钮,弹出对话框如下图所示,可进行投影,投影转换以及模型中心点位置的设置

在这里插入图片描述

图2 生成配置文件设置

值得注意的是,在源路径中存在子文件夹,则含有 OSGB 文件的子文件夹会添加到文件夹列表中,并将生成 *.scp 配置文件。

除此以外,在iDesktop中,可通过“三维数据”—“倾斜摄影”—“类型转换”下拉按钮中“OBJ→OSGB” 将 PhotoScan 导出的 OBJ 格式的倾斜摄影模型数据转换为 OSGB 格式的数据。

第二节 数据优化

iDesktop中,针对倾斜数据的处理,主要是“三维数据”—“倾斜摄影”—“数据处理”下的3个功能,下面依次简要说明下:

2.1 修改模型中心点

通过修改数据本身的坐标信息,用于解决同一测区的倾斜摄影数据多个中心点的问题,实现一个SCP配置文件加载所有数据的要求,仅适用于设置了投影信息的倾斜摄影模型配置文件,投影信息可在上面提到的的“生成配置文件”时为模型设置。

参数配置如下,最后会在指定的输出目录下生成了一份与源SCP文件同名的配置文件,以及存储在各个文件夹中的*.osgb文件,
在这里插入图片描述

图3 修改模型中心点 2.2 合并根节点

当模型空间范围广、数据量庞大,使得模型被划分为很多个根节点,读取这些根节点回花费较长的时间从而导致加载模型较慢,此时可使用

“合并根节点”功能提升加载效率将,其实质是将相邻一定空间范围的根节点合并为一个根节点,即向上抽稀生成了一层更为粗糙的LOD层级,每合并一次,模型根节点数量减少约为原始数量的1/4;合并的次数则对应下图的金字塔层级。若倾斜数据需要在iServer中使用,那么在这里的‘目标配置配置文件’就应设置在源配置文件的同级目录中

在这里插入图片描述

图4 合并根节点 2.3 生成代理节点

当倾斜摄影模型的数据范围较大,导致同时加载和显示这些模型需要占用较大的内存资源, “生成代理节点”则为该倾斜摄影模型的加载提供了动态的显示调度策略,生成了不包含模型数据的代理节点及新的配置文件;当用户进行移动、缩放操作,一旦三维场景视口外发生变化,程序也将实时更新需显示的模型,这样可大大提升倾斜摄影模型显示效率、降低内存占用。

在这里插入图片描述

图5 生成代理节点

其中,生成点层级数是用于设置代理节点的层级数,建议设置为3~5;和合并根节点一样,‘目标配置配置文件’需设置在源配置文件的同级目录中,避免在iServer中发生错误。

第三节 数据发布

通过上面的两节,已将倾斜数据导入iDesktop中并做了相应的数据处理,那接下来,我们怎么将其发布在iServer上呢,现在基本上都是使用iClient for WebGL做三维B/S开发。

1.通过‘压缩并单体化’功能对原始OSGB格式的倾斜摄影模型数据进行纹理压缩,后生成S3M数据,为保证生成成功,需设置的*.scp文件可链接到相应的OSGB数据,且目标路径与 *.scp 文件所在路径一致。

在这里插入图片描述

图6 压缩并单体化

生成S3M数据后,将其添加到球面场景中,保存工空间,在iServer发布,选择三维服务即可。

2.也可以将倾斜摄影数据添加到场景中,然后生成场景缓存,同上直接发布生成的工作空间

### 回答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应用程序。当然,在使用前,建议用户先了解基本的WebGL和JavaScript知识,同时还需配置好开发环境。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值