張超團隊負責人平臺產品線云產品管理與營銷工程團隊北京超圖軟件股份有限公司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官方站點