SuperMap iClient3D for WebGL 实用锦囊之数据加载与显示

2024-02-25 10:18

本文主要是介绍SuperMap iClient3D for WebGL 实用锦囊之数据加载与显示,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

SuperMap iClient3D for WebGL 实用锦囊之数据加载与显示

数据是GIS的血液,如果没有数据,后续的所有操作都无法实现。大家在使用SuperMap iClient3D for WebGL来做web端的三维应用开发时,首先需要实现的就是数据的显示。今天小编将SuperMap技术问答社区上(http://ask.supermap.com/)受到颇多关注的数据显示问题编辑整理出来供大家参考,一起看看有没有您正需要的答案吧!

一、关于场景中各种数据的加载显示
这里写图片描述
很多时候我们都会遇到这样的问题:如何把数据加载到场景?为何场景发布之后数据不显示?而造成这些问题的绝大多数的原因是项目前期数据处理不当。在此提供两点注意事项:
(1)在Web客户端访问前,通常推荐先将三维数据(包括矢量、精模、BIM、倾斜摄影模型等)生成S3M格式的缓存,然后再使用SuperMap iServer发布三维服务;
(2)在生成S3M缓存时,配置文件(*.scp)建议不要采用“config”命名,且scp要放到跟tiles文件夹同级目录。

二、关于地形数据的加载显示
对于地形数据的显示,首先就是建议先将地形数据生成TIN类型的地形缓存,以加速Web端的显示效率。TIN类型的地形缓存可以通过SuperMap iDesktop的“场景缓存”功能实现,将DEM数据添加到“生成场景缓存”的数据集列表中,并选择TIN缓存类型。
这里写图片描述
将TIN类型缓存加载到场景中,并保存场景和工作空间,使用SuperMap iServer将该工作空间发布为三维服务。最后可以通过SuperMap iClient3D for WebGL中CesiumTerrainProvider接口实现Web端地形数据的加载。
这里写图片描述
**注意:**目前,一个三维场景只允许加载一个TIN缓存数据(*.sct),若想加载多个TIN缓存数据,则需使用SuperMap iDesktop的“合并TIN缓存”功能将它们合并为一个TIN缓存。
这里写图片描述

三、关于动画模型、轨迹运动的显示
若想在Web端显示模型、或者动画模型等效果,可以通过以下方式实现。

  1. 将模型数据添加到KML中,再通过客户端加载KML文件,从而实现模型显示,这种方式建议在模型数据量较少的时候使用,模型的格式要求为gltf或者S3M。值得注意的是,gltf自身可以带帧动画,而S3M不支持帧动画。
    viewer.dataSources.add(Cesium.KmlDataSource.load(’./SampleData/kml/model.kml’));
  2. 通过SuperMap iClient3D for WebGL的动态图层(Cesium.DynamicLayer3D)的方式,将S3M格式的模型数据进行加载。SuperMap iClient3D for WebGL的动态图层通过实例化的技术支持快速显示大量模型数据,通过刷新模型的位置,实现模型的运动。
  3. 通过S3MinstanceCollection(S3M实例化模型集合类)添加S3M模型,同样也可以实现大量模型数据的加载。当然,刷新模型位置时,不会有模型运动过程的动画。
  4. 通过viewer.entity实现对单个模型数据的加载显示,仅支持gltf格式。
    需要说明的是,带帧动画的glft模型是从3Ds Max中导出的dae模型,再使用开源工具(如colladaTogltf.exe)导成gltf,最终通过kml加载或者entity加载。

四、Web客户端添加各种类型的矢量数据、注记等
一般来说,在Web端添加几何实体或者布告板、注记等内容可以通过Entity对象来承载,并将Entity通过viewer.entities.add 方法进行实体对象的加载显示。
实体对象添加过后,为了实现某种功能或效果需要灵活使用SuperMap iClient3D for WebGL封装的接口以及Cesium原生库当中的接口。例如,当我们遇到 “实体对象被地形数据遮盖”这样的问题时,就可以通过cesium原生库的接口depthTestAgainstTerrain来实现我们想要的效果。当我们设置为true时,实体对象将不会被地形遮盖。
这里写图片描述

五、参考资料
在SuperMap iClient3D for WebGL开发工具包的examples文件夹下,我们可以看到一些独立的文件,这些文件给大家提供的是丰富的GIS功能实现源代码。在我们开发过程中,可以基于它进行学习或者拷贝源代码放到自己的代码里进行复用。

六、小贴士
1、由于SuperMap iClient3D for WebGL这样一款开发包是基于Cesium这样的开源的框架来构建的,而Cesium版本迭代更新的非常快,所以大家在做Web端的三维应用开发时,建议下载最新SuperMap iClient3D for WebGL包。
下载地址:
http://support.supermap.com.cn:8090/iserver/iClient/for3D/webgl/zh/download.html
2、SuperMap iClient3D for WebGL关键资源的引用是通过AMD的require方式引用,在data-main设置的main.js文件中记录资源路径,因此我们在创建自己的web应用时,要记得去检查main.js中资源文件的相对路径。
3、在Web应用程序开发调试时,不能使用file的方式在浏览器打开页面进行调试,需要使用http方式访问Web页面。

本文作者:张梦婷

这篇关于SuperMap iClient3D for WebGL 实用锦囊之数据加载与显示的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/745168

相关文章

Pandas统计每行数据中的空值的方法示例

《Pandas统计每行数据中的空值的方法示例》处理缺失数据(NaN值)是一个非常常见的问题,本文主要介绍了Pandas统计每行数据中的空值的方法示例,具有一定的参考价值,感兴趣的可以了解一下... 目录什么是空值?为什么要统计空值?准备工作创建示例数据统计每行空值数量进一步分析www.chinasem.cn处

如何使用 Python 读取 Excel 数据

《如何使用Python读取Excel数据》:本文主要介绍使用Python读取Excel数据的详细教程,通过pandas和openpyxl,你可以轻松读取Excel文件,并进行各种数据处理操... 目录使用 python 读取 Excel 数据的详细教程1. 安装必要的依赖2. 读取 Excel 文件3. 读

Spring 请求之传递 JSON 数据的操作方法

《Spring请求之传递JSON数据的操作方法》JSON就是一种数据格式,有自己的格式和语法,使用文本表示一个对象或数组的信息,因此JSON本质是字符串,主要负责在不同的语言中数据传递和交换,这... 目录jsON 概念JSON 语法JSON 的语法JSON 的两种结构JSON 字符串和 Java 对象互转

C++如何通过Qt反射机制实现数据类序列化

《C++如何通过Qt反射机制实现数据类序列化》在C++工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作,所以本文就来聊聊C++如何通过Qt反射机制实现数据类序列化吧... 目录设计预期设计思路代码实现使用方法在 C++ 工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作。由于数据类

SpringBoot使用GZIP压缩反回数据问题

《SpringBoot使用GZIP压缩反回数据问题》:本文主要介绍SpringBoot使用GZIP压缩反回数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot使用GZIP压缩反回数据1、初识gzip2、gzip是什么,可以干什么?3、Spr

SpringBoot集成Milvus实现数据增删改查功能

《SpringBoot集成Milvus实现数据增删改查功能》milvus支持的语言比较多,支持python,Java,Go,node等开发语言,本文主要介绍如何使用Java语言,采用springboo... 目录1、Milvus基本概念2、添加maven依赖3、配置yml文件4、创建MilvusClient

SpringValidation数据校验之约束注解与分组校验方式

《SpringValidation数据校验之约束注解与分组校验方式》本文将深入探讨SpringValidation的核心功能,帮助开发者掌握约束注解的使用技巧和分组校验的高级应用,从而构建更加健壮和可... 目录引言一、Spring Validation基础架构1.1 jsR-380标准与Spring整合1

MySQL 中查询 VARCHAR 类型 JSON 数据的问题记录

《MySQL中查询VARCHAR类型JSON数据的问题记录》在数据库设计中,有时我们会将JSON数据存储在VARCHAR或TEXT类型字段中,本文将详细介绍如何在MySQL中有效查询存储为V... 目录一、问题背景二、mysql jsON 函数2.1 常用 JSON 函数三、查询示例3.1 基本查询3.2

SpringBatch数据写入实现

《SpringBatch数据写入实现》SpringBatch通过ItemWriter接口及其丰富的实现,提供了强大的数据写入能力,本文主要介绍了SpringBatch数据写入实现,具有一定的参考价值,... 目录python引言一、ItemWriter核心概念二、数据库写入实现三、文件写入实现四、多目标写入

使用Python将JSON,XML和YAML数据写入Excel文件

《使用Python将JSON,XML和YAML数据写入Excel文件》JSON、XML和YAML作为主流结构化数据格式,因其层次化表达能力和跨平台兼容性,已成为系统间数据交换的通用载体,本文将介绍如何... 目录如何使用python写入数据到Excel工作表用Python导入jsON数据到Excel工作表用