张美慧-三维Web端开发实战.pdf

1、P1张美慧超图软件平台产品线中级培训工程师2024年9月12日三维Web端开发实战P22SuperMap iClient3D for WebGL/WebGPU 开发实战1SuperMap iClient3D 产品介绍P3P3SuperMap iClient3D 产品介绍1P4SuperMap 产品架构体系云边缘端边缘 GIS 服务器SuperMap iEdge云 GIS 服务器SuperMap iServerSuperMap iPortal SuperMap iManagerSuperMap OnlineSuperMap ImageX Enterprise组件端 GIS SuperMap iO

2、bjects C+/Java/.NETSuperMap iObjects PythonSuperMap iObjects for SparkSuperMap Hi-Fi 3D SDK for UnrealSuperMap Hi-Fi 3D SDK for UnityWeb端 GIS SuperMap iClient JavaScriptSuperMap iClient3D for WebGLSuperMap iClient3D for WebGPUSuperMap iClient3D for Cesium桌面端 GIS SuperMap iDesktopXSuperMap iExplorer3

3、DSuperMap iMaritimeEditorSuperMap ImageX Pro移动端 GIS SuperMap iMobile for Android/iOSSuperMap iMobile Lite for Android/iOSiClient3D客户端产品P5SuperMap iClient3D 产品演进开发者生态真实感功能性能数据类型数据格式(S3M/3D Tiles)iClient3D for CesiumiClient3D for WebGLiClient3D for WebGPU功能越来越强，效果越来越好P6SuperMap iClient3D WebGL/WebGPU产

4、品优势真实感的可视化效果海量数据的承载力全面的GIS功能便捷的切换P7P7SuperMap iClient3D for WebGL/WebGPU开发实战2P8海量数据的属性查询2.20.4系列1系列22亿模型对象属性查询性能对比：模型属性查询方式通过数据服务查属性通过瓦片数据查属性P9海量数据的属性查询const handler=new SuperMap3D.ScreenSpaceEventHandler(viewer.scene.canvas)handler.setInputAction(function(movement)const layer=viewer.scene.layers.ge

5、tSelectedLayer()const ids=layer.getSelection()layer.setAttributesById(ids).then(function(data)console.log(data),SuperMap3D.ScreenSpaceEventType.LEFT_CLICK)P10空间查询性能大幅提升数据查询接口查询时间立方体（2个对象）与排水管（276个对象）一对多330ms多对多244ms地质体（10个对象）与溶洞（282个对象）一对多8m 18s多对多12s 736ms楼板（135个对象）与结构柱（1813个对象）一对多19s 569ms多对多2s 78

6、ms楼板（135个对象）与墙（6369个对象）一对多2m 11s多对多16s 980ms一对多和多对多查询性能对比：相交查询测试结果查询速度提升不同数据的提升程度不同 关键接口：SpatialQuery3D.spatialQueryP11空间分析能力增强日照分析P12空间分析能力增强阴影分析P13可视化效果优化MVT三维沿线标注P14可视化效果优化MVT贴模型展示 关键接口：S3MTilesLayer.coveredMapP15可视化效果优化高真实感渲染P16图层目录树P17