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