现代WebGIS开发平台SuperMap iClient新进展

张超团队负责人平台产品线云产品管理与营销工程团队北京超图软件股份有限公司2024年6月26日，北京P1EdgeP2P3交互地图地图应用现代交互地图地图应用现代应用》》》静态地图•传统GIS软件负责处理和分析数据•传统GIS软件负责处理和分析数据•Web端仅负责在网页上展示地理信息•传统GIS软件负责处理和分析数据•传统GIS软件负责处理和分析数据•Web端仅负责在网页上展示地理信息javascript|…数据处理和分析能力依靠云和服务端可视化能力和性能大大提升Javascript占据主流…•Web端可实现更丰富的交互•地图框架|开源库|各类客户端|…Web端接近甚至超越桌面软件体验组件化|跨平台|前端分地图大屏三维地理设计处理自动化建模地图工作室三维地球自然资源模板交通模板生态环境模板气象模板ReactVUEHtml5Web模板行业模板库… Web组件…WebWeb类库可视化地图图层空间分析分布式分析影像服务交通网络分析地图打印 计算…………开源项目/技术…- …P5P6新进展—解锁Web端GIS更多潜能•Web端更全面的坐标系支持•Web端增强地图可视化类型新技术—进阶WebGIS开发新场景•Web端视频GIS能力|增强知识图谱能力|增强海图能力•新增WebAssemblyAPI新模块—在线WebGIS开发新体验•在线二三维可视化案例中心P7P81.1更广泛和专业的地理/投影坐标系支持•在常见3857/4326坐标系之外，大大扩展了WebGIS地图可使用坐标系范围•支持渲染本地坐标系、城市坐标系、海外等特殊坐标系的地图和要素（具备epsg定义/编号或wkt信息）•减少非必要的数据转换、处理和切图，提高了原坐标系下的数据表达精细度和安全性•服务存量测绘类数据、地质类数据、水利、城市规划以及海外国家数据可视化需要9如何引入更多坐标系支持（epsg:2362）9自定义坐标示例：使用自定义坐标示例：使用wkt表述1.2集成AntVL7可视化库•集成AntVL7可视化库，新增63种可视化类型•更丰富的地理可视化表达能力，更多的三维和粒子效果•兼具专业GIS能力与优秀WebGIS可视化效果，只需引入一套类库•面向智慧城市、智慧园区、数据分析统计等二三维可视化场景P11P12L7可视化图层集锦L7可视化图层集锦P131.3对接Web应用成果与扩展•支持加载SuperMapiPortal或SuperMapOnline地图工作室Web应用创建的地图（基于WebMap3.x规范）•Web地图可复用、可扩展，不仅可以在Web应用中使用，还可以在三方或自有项目中集成•无需自行研究和解析WebMap规范，一行代码即可打开在线地图•面向缺少地图开发经验的开发者，快速成图并在项目中集成地图工作室Web地图工作室Web端上传数据|编辑数据|编辑样式|保存地图WebMap规范安全机制Web类库Web类库Web组件P14P14案例：基于案例：基于Web应用制作地图，并在项目中集成1在开发环境中引入地图工作室制作的地图1P161.4支持加载加密的矢量瓦片服务•支持对加密的SuperMapiServer矢量瓦片进行解码和加载•提升数据安全性，减小瓦片被抓取后的数据泄露风险•面向涉密数据类等安全级别较高的数据，或在互联网环境下搭建服务时候提高安全性decryptdecrypt:'true'：对加密的矢量瓦片进行解码并加载，提升瓦片加载安全性。1.5增强要素服务功能•新增getFeatureAttachments、editFeatureAttachments接口•支持查询、增加和删除空间要素附件，如图片、文档和视频文件等•提高资源与附件管理的开发效率P17P181.6简化地图服务浏览代码编写•加载地图服务时，可通过initmap接口自动判断SuperMapiServer地图服务的缓存状态和比例尺级别，简化地图服务浏览代码编写Before：加载地图服务时，需要计算和填入比例尺等地图信息仅需一句代码即可加载地图服务P191.7其他增强•支持通过bounds参数设置栅格查询的范围，支持矩形、多边形等•vue-iclient-mapboxgl组件•新增时间选择框组件，时间可定制，样式可定制•优化图表组件：支持对字段进行最小值、最大值等9种统计方法，也可自定义统计方法P202.1新增2.1新增Web视频GIS能力MapboxGL•新增类VideoLayer、VideoMap，对接和可视化SuperMapiServer发布的视频服务•在Web地图中查询视频列表、播放视频流、在地图中以真实坐标系范围叠加视频，或在视频叠加空间要素•进一步丰富扩展地理可视化范畴，减少WebGIS开发过程中视频的接入难度视频可拉伸视频可拉伸，与实际地理位置贴合高真实感高真实感，真实空间位置巡检、救援、调查等业务场景巡检、救援、调查等业务场景P212在地图中叠加视频窗口22在视频中叠加矢量要素22.2Web端知识图谱，增强分析能力•增强知识图谱，增加节点路径分析能力•发现实体之间的关联性或影响力传播的路径•在生态保护、土地利用规划等方面P24识别关键因素与影响区域识别关键因素与影响区域研究最佳发展方向减小资源损耗2.3增强海图服务：分组物标可视化管理通过获取物标分组信息，结合displayableAcronymClassify属性，可以直接对整个分组的物标进行显示与隐藏。物标分类列表物标分类列表，可控制每一个物标分组的显示与隐藏P25海图出图时海图出图时，支持设置海图的显示参数•TiledMapLayer新增chartSetting参数，在海图出图的过程中可设置海图的显示参数海图的显示模式海图的显示模式|显示类型|文本信息|海图符号|颜色模式|水深点|安全水深线等P26P272.4新增基于WebAssembly的Geometry级分析接口•WebAssembly技术：使C/C++等语言编写的程序以确保安全和接近原生应用的速度在Web平台上运行•基于SuperMapUGC内核和WebAssembly技术，首批提供12个要素级空间分析接口•C/C++代码向Web迁移的新方式，亦可在离线环境下高性能使用WebAssemblyGeometryAPISuperMapiClientforJavaScriptUGC类库WebAssembly技术快速、高效、可移植可读性、可调式性强离线使用|高性能|充分利用硬件资源|适合打造重客户端P282.4面向常用前端分析/离线分析需求P29性能对比（某开源库）性能对比（某开源库）l50万级：创建缓冲区等接口，平均耗时减少到某开源库的1/4l100万级：创建缓冲区等接口，平均耗时减少到某开源库的1/350创建缓冲区判断线平行计算点到线距离计算点聚的凸闭包0创建缓冲区判断线平行计P30性能对比（某同类性能对比（某同类JavaScriptAPI）l地理面积测量、缓冲区分析等接口，平均耗时减少到某同类JavaScriptAPI的1/20l空间关系判断，线测量等接口性能接近（分析相对复杂，差异越明显）50 0地理面积测量创建缓冲区P313.1在线可视化案例l提供可在线使用的全国–省（直辖市）–市级三级可视化案例l支持数据下载、代码下载和后端服务托管P32可视化案例：安徽省地形渲染图可视化案例：湖北省影像地形图P353.2云端结合，服务在线托管数据可下载公网可访问代码可复用权限与安全保障P363.3SuperMapOnline：体验更多WebGIS开发能力lSuperMapOnline开发中心：/develop-center/demo/lSuperMapOnline开发文档：/develop-center/docs/zh/introductionP37报告内容回顾在线可视化案例库在线可视化案例库基于基于WebAssembly的高性能客户端计算开源|开放|易用Web端视频|知识图谱|海图新能力新增集成开源新增集成开源Web端地图库和可视化库更完善的更完善的Web端坐标系支持…………更多内容，欢迎访问SuperMapiClientJavaScript官方站点