從簡單的在線制作靜態地圖，發展到具有全方位GIS功能的WebGIS，地理信息技術與互聯網的融合在過去三十年中發展迅速。伴隨著今天科技的日新月異，數字孿生、CIM、智慧城市、空間規劃、實景三維中國建設等應用需求層出不窮，推動著WebGIS應用從平面二維向包含空中、地下、地表、地上的全空間維度發展，亦對WebGIS開發平臺提出了更高的要求，要求WebGIS開發平臺既能提供覆蓋全空間一體化應用所需的開發接口，又能最大程度的實現代碼復用，以降低開發成本、提高開發效率，滿足快速構建WebGIS應用的需求。
依托于互聯網和Web前端技術的發展，具有可復用性、易維護、標準化等特點的組件化開發已成為Web前端開發的主流。組件式開發將原來復雜的網頁進行拆分和解耦，以面向對象的思想將Web頁面的樣式表現、功能和數據進行封裝，使其模塊化，使得前端開發可以像搭積木一樣靈活、方便。通過對邏輯單元進行封裝，提高代碼的復用率，提升了軟件開發效率；對不同的代碼進行作用域隔離，各組件低耦合，使用得組件可被遷移、組合、重構，且方便定位問題，易于維護；組件采用統一的標準開發，支持異地協同開發。MapGIS 10.5 Pro將Web組件式開發與WebGIS應用開發相結合，于2021年6月推出了Web組件化開發產品——MapGIS Client for JavaScript，實現了快速構建WebGIS應用的目標。
普通Web頁面 組件化頁面搭建
示例：主流Web組件框架之Vue組件
MapGIS Client for JavaScript基于Web組件化開發思想和主流技術框架推出的組件式開發產品。該產品在現代Web前端技術棧的支撐下，融合了優秀的二三維開源地圖庫、可視化庫、客戶端計算庫等GIS基礎框架，根據GIS數據特性，打造了多種數據和視圖模型，并結合多種優秀的開源UI和前端跨平臺框架，構建出一套支持跨平臺應用的功能組件庫，包括二三維地圖和場景、數據和圖層、地圖工具、分析、空間可視化等，支持多層封裝、多級復用、高效擴展，支持響應式應用構建以及跨平臺跨終端應用構建，并且提供全面開放的開發資源。
MapGIS Client for JavaScript組件產品
豐富的二三維組件庫
MapGIS Client for JavaScript產品提供視圖、圖層、工具、分析和可視化五大類200+原子組件，充分滿足行業二次開發需求。
視頻1 MapGIS Client for JavaScript二維組件
視頻2 MapGIS Client for JavaScript三維組件
支持多層封裝、多級復用、高效擴展
MapGIS Client for JavaScript產品提供的組件預留了供外部組件調用的函數、事件和屬性，支持直接復用和封裝，具備多級封裝、多層復用，高效擴展的能力。
如下圖所示的原子樹形組件，結合業務需求，封裝成圖層列表組件和數據目錄組件，這些組件可在頁面中自由組合使用。
原子樹形組件二次封裝
構建響應式應用
MapGIS Client for JavaScript提供的組件遵循響應式技術規范，能夠適配PC端和移動端多種瀏覽器內核，從而能夠幫助用戶快速構建不同尺寸、不同分辨率的WebGIS應用。
支持構建跨平臺跨終端應用
結合Apache Cordova 、 Electron 等跨平臺開發框架，可將MapGIS Client for JavaScript組件開發出的應用部署為Web端、移動端、桌面端應用，同時適配Windows、Linux、Mac、 Android、iOS、Harmony等PC和移動端操作系統。
提供全面開放的開發資源
MapGIS Client for JavaScript產品資源中心提供基于StoryBook的在線組件學習環境、豐富的在線示例資源、快速上手的開發文檔，為開發者提供全方位的學習支撐。同時產品源碼全部開源，供開發者進行深入學習和擴展。
Storybook
豐富的組件示例
組件開發文檔
代碼托管地址
目前，MapGIS Client for JavaScript已經應用到自然資源、智慧城市、智慧地質等多個行業，也歡迎更多的GIS二次開發用戶參與其中，探索MapGIS 10.5 Pro新變革帶來的敏捷開發體驗！
