從簡單的在線制作靜態(tài)地圖，發(fā)展到具有全方位GIS功能的WebGIS，地理信息技術(shù)與互聯(lián)網(wǎng)的融合在過去三十年中發(fā)展迅速。伴隨著今天科技的日新月異，數(shù)字孿生、CIM、智慧城市、空間規(guī)劃、實景三維中國建設等應用需求層出不窮，推動著WebGIS應用從平面二維向包含空中、地下、地表、地上的全空間維度發(fā)展，亦對WebGIS開發(fā)平臺提出了更高的要求，要求WebGIS開發(fā)平臺既能提供覆蓋全空間一體化應用所需的開發(fā)接口，又能最大程度的實現(xiàn)代碼復用，以降低開發(fā)成本、提高開發(fā)效率，滿足快速構(gòu)建WebGIS應用的需求。

依托于互聯(lián)網(wǎng)和Web前端技術(shù)的發(fā)展，具有可復用性、易維護、標準化等特點的組件化開發(fā)已成為Web前端開發(fā)的主流。組件式開發(fā)將原來復雜的網(wǎng)頁進行拆分和解耦，以面向?qū)ο蟮乃枷雽eb頁面的樣式表現(xiàn)、功能和數(shù)據(jù)進行封裝，使其模塊化，使得前端開發(fā)可以像搭積木一樣靈活、方便。通過對邏輯單元進行封裝，提高代碼的復用率，提升了軟件開發(fā)效率;對不同的代碼進行作用域隔離，各組件低耦合，使用得組件可被遷移、組合、重構(gòu)，且方便定位問題，易于維護;組件采用統(tǒng)一的標準開發(fā)，支持異地協(xié)同開發(fā)。MapGIS 10.5 Pro將Web組件式開發(fā)與WebGIS應用開發(fā)相結(jié)合，于2021年6月推出了Web組件化開發(fā)產(chǎn)品——MapGIS Client for JavaScript，實現(xiàn)了快速構(gòu)建WebGIS應用的目標。

普通Web頁面 組件化頁面搭建

示例：主流Web組件框架之Vue組件

MapGIS Client for JavaScript基于Web組件化開發(fā)思想和主流技術(shù)框架推出的組件式開發(fā)產(chǎn)品。該產(chǎn)品在現(xiàn)代Web前端技術(shù)棧的支撐下，融合了優(yōu)秀的二三維開源地圖庫、可視化庫、客戶端計算庫等GIS基礎框架，根據(jù)GIS數(shù)據(jù)特性，打造了多種數(shù)據(jù)和視圖模型，并結(jié)合多種優(yōu)秀的開源UI和前端跨平臺框架，構(gòu)建出一套支持跨平臺應用的功能組件庫，包括二三維地圖和場景、數(shù)據(jù)和圖層、地圖工具、分析、空間可視化等，支持多層封裝、多級復用、高效擴展，支持響應式應用構(gòu)建以及跨平臺跨終端應用構(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三維組件

支持多層封裝、多級復用、高效擴展

MapGIS Client for JavaScript產(chǎn)品提供的組件預留了供外部組件調(diào)用的函數(shù)、事件和屬性，支持直接復用和封裝，具備多級封裝、多層復用，高效擴展的能力。

如下圖所示的原子樹形組件，結(jié)合業(yè)務需求，封裝成圖層列表組件和數(shù)據(jù)目錄組件，這些組件可在頁面中自由組合使用。

原子樹形組件二次封裝

構(gòu)建響應式應用

MapGIS Client for JavaScript提供的組件遵循響應式技術(shù)規(guī)范，能夠適配PC端和移動端多種瀏覽器內(nèi)核，從而能夠幫助用戶快速構(gòu)建不同尺寸、不同分辨率的WebGIS應用。

支持構(gòu)建跨平臺跨終端應用

結(jié)合Apache Cordova 、 Electron 等跨平臺開發(fā)框架，可將MapGIS Client for JavaScript組件開發(fā)出的應用部署為Web端、移動端、桌面端應用，同時適配Windows、Linux、Mac、 Android、iOS、Harmony等PC和移動端操作系統(tǒng)。

提供全面開放的開發(fā)資源

MapGIS Client for JavaScript產(chǎn)品資源中心提供基于StoryBook的在線組件學習環(huán)境、豐富的在線示例資源、快速上手的開發(fā)文檔，為開發(fā)者提供全方位的學習支撐。同時產(chǎn)品源碼全部開源，供開發(fā)者進行深入學習和擴展。

MapGIS Client for JavaScript產(chǎn)品資源中心地址：http://develop.smaryun.com

Storybook

豐富的組件示例

組件開發(fā)文檔

代碼托管地址

目前，MapGIS Client for JavaScript已經(jīng)應用到自然資源、智慧城市、智慧地質(zhì)等多個行業(yè)，也歡迎更多的GIS二次開發(fā)用戶參與其中，探索MapGIS 10.5 Pro新變革帶來的敏捷開發(fā)體驗!

（免責聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準確性及可靠性，但不保證有關(guān)資料的準確性及可靠性，讀者在使用前請進一步核實，并對任何自主決定的行為負責。本網(wǎng)站對有關(guān)資料所引致的錯誤、不確或遺漏，概不負任何法律責任。
任何單位或個人認為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識產(chǎn)權(quán)或存在不實內(nèi)容時，應及時向本網(wǎng)站提出書面權(quán)利通知或不實情況說明，并提供身份證明、權(quán)屬證明及詳細侵權(quán)或不實情況證明。本網(wǎng)站在收到上述法律文件后，將會依法盡快聯(lián)系相關(guān)文章源頭核實，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 ）