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