今天給各位分享gis地圖前端框架的知識(shí)，其中也會(huì)對(duì)gis界面設(shè)計(jì)進(jìn)行解釋?zhuān)绻芘銮山鉀Q你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！
目錄一覽：
- 1、怎么學(xué)好webgis開(kāi)發(fā)
- 2、ArcGis 是什么主要用來(lái)干什么的
- 3、胡中南：Web端GIS技術(shù)新進(jìn)展 | (PPT+速記)
- 4、五分鐘學(xué)GIS _ 快速認(rèn)識(shí) MapBox GL
- 5、WEBGIS系統(tǒng)開(kāi)發(fā)常用的技術(shù)框架有哪些，從前端到
- 6、求問(wèn)做一個(gè)webgis的基本流程
怎么學(xué)好webgis開(kāi)發(fā)
看到這個(gè)問(wèn)題的前兩天，我正好看到一個(gè)大牛（GIS520社區(qū)站長(zhǎng)）寫(xiě)的經(jīng)驗(yàn)介紹。
貼下原文：
本文主要介紹小白如何成為初級(jí)WebGIS開(kāi)發(fā)工程師，只適合對(duì)應(yīng)人員參考（WebGIS前端的技能要求和互聯(lián)網(wǎng)前端要求有些差距的）。后續(xù)會(huì)有中、高級(jí)WebGIS開(kāi)發(fā)工程師相關(guān)文章。
程序員的職業(yè)崗位，一般的公司會(huì)根據(jù)技術(shù)能力情況區(qū)分等級(jí)。每個(gè)等級(jí)有對(duì)應(yīng)的薪資范圍。
添加微信好友, 獲取更多信息
復(fù)制微信號(hào)
如果不區(qū)分級(jí)別的，可能這個(gè)公司就不是以技術(shù)驅(qū)動(dòng)的公司，研發(fā)團(tuán)隊(duì)管理也不夠?qū)I(yè)。一些大公司可能會(huì)像阿里那種級(jí)別劃分，p1~p10，騰訊百度也類(lèi)似。小公司可能就簡(jiǎn)單的劃分為初級(jí)開(kāi)發(fā)工程師、中級(jí)開(kāi)發(fā)工程師、高級(jí)開(kāi)發(fā)工程師、技術(shù)經(jīng)理、專(zhuān)家/技術(shù)總監(jiān)。
小白一開(kāi)始的目標(biāo)就應(yīng)該定位為初級(jí)開(kāi)發(fā)工程師，然后通過(guò)努力，成長(zhǎng)為中級(jí)到高級(jí)。那么下面我介紹一下需要具備什么樣的技能才能成為一名合格的WebGIS開(kāi)發(fā)工程師。
技術(shù)基本要求
1. JavaScript、CSS/HTML掌握；
2. 至少掌握ArcGIS API for javascript 或者 openlayers一種；
3. 懂mysql或oracle或postgresql一種；
4. 掌握Arcgis server或者geoserver發(fā)布地圖服務(wù)并展示；
5. 懂得Java后端語(yǔ)言加分（不強(qiáng)制）。
以上要求，是基于我個(gè)人經(jīng)驗(yàn)以及對(duì)一些GIS公司工作的理解。如果你都能滿(mǎn)足，可以隨意找webgis的開(kāi)發(fā)崗位了。具體什么薪資，每個(gè)公司會(huì)有點(diǎn)區(qū)別，并且要看個(gè)人技術(shù)的總體情況。
注意我對(duì)技術(shù)的描述關(guān)鍵詞都是“掌握”，并沒(méi)有說(shuō)是“熟練”，如果是熟練的話(huà)，那應(yīng)該至少是中級(jí)開(kāi)發(fā)工程師了。下面我在仔細(xì)的說(shuō)明這些技能如何學(xué)習(xí)和對(duì)應(yīng)初級(jí)WebGIS開(kāi)發(fā)工程師的掌握程度。
1. JavaScript、CSS/HTML掌握
這里邊最重要的是html和JavaScript兩個(gè)，其次是css。對(duì)webgis公司來(lái)說(shuō)，系統(tǒng)頁(yè)面和美觀效果和互聯(lián)網(wǎng)的網(wǎng)站相比，有些差距，所以css這邊要求不高；解釋一下js為什么是最重要的，因?yàn)閖s是用的最多的，所有的web頁(yè)面邏輯都是用js來(lái)實(shí)現(xiàn)，一般你的js能力的大小可能決定你工作的效率和所能承擔(dān)的任務(wù)難度大小。
js、css、html三者綜合起來(lái)占WebGIS崗位技術(shù)比為70%（就是滿(mǎn)分100分，這里占了70分，看你能拿多少了）。
對(duì)于小白，我建議就是先學(xué)習(xí)html，然后了解一下css，最后好好學(xué)習(xí)js。學(xué)習(xí)難度上，html更好學(xué)，其次到j(luò)s入門(mén)容易，最后到css，css入門(mén)和學(xué)好都比較花時(shí)間的，需要慢慢來(lái)，多練習(xí)。而js入門(mén)沒(méi)啥難度，但是學(xué)好，熟練，精通就難了。
這里推薦三本書(shū)：
《JavaScript權(quán)威指南》第六版
《JavaScript高級(jí)程序設(shè)計(jì)》第三版
《CSS權(quán)威指南》第三版
初學(xué)者不宜看過(guò)多類(lèi)似的書(shū)，只需要一種讀好，讀懂一本就夠了，推薦的都是更好的之一。如果在一開(kāi)始看不到，可以借助一些網(wǎng)站，比如問(wèn)w3cschool網(wǎng)站手冊(cè)，或者慕課網(wǎng)的一些視頻教程。循序漸進(jìn)，基礎(chǔ)語(yǔ)法掌握后，嘗試多做練習(xí)。如果不知道做什么，我?guī)湍愠鲱}。
2. 至少掌握ArcGIS API for javascript 或者 openlayers一種
作為一名合格的WebGIS開(kāi)發(fā)工程師，這個(gè)技能是不可少的。但是不管是arcgis還是openlayers地圖框架，都是一個(gè)api 庫(kù)。
這里解釋一下什么是API，因?yàn)橥耆“椎娜丝赡懿涣私?。API 可以簡(jiǎn)單的理解為一個(gè)工具箱，里邊有錘子、釘子、螺釘、螺母等工具或零件，你做一樣?xùn)|西或者修一樣?xùn)|西需要什么工具，就找到這個(gè)工具箱，然后要用錘子就找到錘子使用就行了。這個(gè)是最簡(jiǎn)單的比喻，實(shí)際上是有點(diǎn)區(qū)別，如果不懂得話(huà)，暫且可以這么理解。
要掌握ArcGIS API for javascript 或者 openlayers一種的前提是編程語(yǔ)言JavaScript過(guò)關(guān)。越熟悉越好。如果你熟悉使用JavaScript，對(duì)于ArcGIS API for javascript 或者 openlayers一種就可以做到，邊看文檔邊操作一樣的效果了。學(xué)習(xí)的話(huà)就到對(duì)應(yīng)的官網(wǎng)看文檔就夠了，官方demo也比較詳細(xì)，沒(méi)有哪本書(shū)做得比官方文檔好。這里不推薦書(shū)籍。
3. 懂mysql或oracle或postgresql一種
工作上，我們可能會(huì)經(jīng)常做一些業(yè)務(wù)功能，業(yè)務(wù)簡(jiǎn)單的可以理解為增刪改查，而這些數(shù)據(jù)的操作都是基于數(shù)據(jù)庫(kù)的。數(shù)據(jù)庫(kù)，程序員是必須要掌握熟悉的技能，基本的sql要會(huì)寫(xiě)。不管什么數(shù)據(jù)庫(kù)，sql語(yǔ)言都很相似，一開(kāi)始只需要選擇一種去學(xué)習(xí)就夠了。首選mysql或oracle。
4. 掌握Arcgis server或者geoserver 發(fā)布地圖服務(wù)并展示
這個(gè)是軟件層面的使用，真正工作上，可能發(fā)布地圖服務(wù)的工作是技術(shù)支持人員操作的，但是，說(shuō)道學(xué)習(xí)上，開(kāi)發(fā)人員也是必須要掌握的。
一方面，自己可以安裝軟件，然后通過(guò)學(xué)習(xí)發(fā)布地圖服務(wù)，有了地圖服務(wù)，自己可以在程序中調(diào)用地圖服務(wù)，可以做自己的webgis系統(tǒng)，編程練習(xí)等；
另一方面，只有了解了地圖服務(wù)這一層面的知識(shí)原理，你才能更好的理解到WebGIS是什么，WebGIS地圖是如何展示和工作的。
5. 懂得Java后端語(yǔ)言加分（不強(qiáng)制）
一些小公司可能會(huì)把WebGIS開(kāi)發(fā)工程師叫做GIS開(kāi)發(fā)工程師，如果你懂得Java，可能會(huì)接觸到一些后端開(kāi)發(fā)的工作，接口的書(shū)寫(xiě)等。
懂得一門(mén)后端編程語(yǔ)言，我個(gè)人覺(jué)得是比較重要的，對(duì)日后學(xué)習(xí)的理解，前后端工作流程的理解都相當(dāng)?shù)闹匾６?，你可以自己搭后端，自己?xiě)前端頁(yè)面，這樣就可以獨(dú)自一人完成一個(gè)網(wǎng)站。
當(dāng)你有能力一個(gè)人完成一個(gè)網(wǎng)站的時(shí)候，從數(shù)據(jù)庫(kù)表結(jié)構(gòu)設(shè)計(jì)、后端框架搭建、接口設(shè)計(jì)編碼實(shí)現(xiàn)，到前端框架搭建、前端編碼頁(yè)面實(shí)現(xiàn)，整個(gè)過(guò)程你會(huì)學(xué)到很多東西。如果你懂后端了，不知道怎么開(kāi)發(fā)網(wǎng)站，你可以來(lái)找我，我指導(dǎo)你去設(shè)計(jì)，去實(shí)現(xiàn)。
當(dāng)然，小白建議忽略這個(gè)技能要求，因?yàn)閷W(xué)習(xí)前面的技能要花費(fèi)很多時(shí)間，日后你往更深的技術(shù)層次追求時(shí)，再考慮進(jìn)去。
寫(xiě)在最后
上邊的技能要求，針對(duì)的是小白或入門(mén)級(jí)的，如果你不是這個(gè)群體，可以忽略；如果你已經(jīng)是初級(jí)或者中級(jí)開(kāi)發(fā)工程師了，但是發(fā)現(xiàn)自己有些不足，那你就好好對(duì)自己的技術(shù)成長(zhǎng)路線規(guī)劃一下。對(duì)于未知的技術(shù)學(xué)習(xí)建議：
1. 首先，掌握熟悉你所在公司所使用和涉及的技能
好處：幫助自己更好更快完成工作任務(wù)，這樣可以減少加班；領(lǐng)導(dǎo)發(fā)現(xiàn)你能力不錯(cuò)，對(duì)自己也有好處。當(dāng)然，如果你覺(jué)得公司使用的技術(shù)比較low，你在混，那建議你盡快離職，不要浪費(fèi)自己的時(shí)間；如果你到哪都是混，那建議你還是轉(zhuǎn)行算了。
2. 不要滿(mǎn)足于現(xiàn)狀，不管是技術(shù)上，還是其他
技術(shù)無(wú)止境，一個(gè)公司的技術(shù)棧在長(zhǎng)時(shí)間內(nèi)不會(huì)變化的，這個(gè)時(shí)間可能是3年、5年或者10年。
當(dāng)然，不變化的可能是傳統(tǒng)軟件公司，或者是小公司。不要覺(jué)得你工作幾年出去有經(jīng)驗(yàn)就吃得香了。要有危機(jī)感，跟進(jìn)最新技術(shù)發(fā)展情況，觀察大公司流行使用什么框架技術(shù)，自己嘗試去學(xué)習(xí)了解。
也不要找借口說(shuō)沒(méi)時(shí)間學(xué)習(xí)，如果把自己玩游戲或看電視劇的時(shí)間用在學(xué)習(xí)上，會(huì)是什么樣子呢？
ArcGis 是什么主要用來(lái)干什么的
ArcGis是“計(jì)算機(jī)制圖”應(yīng)用，包含了全球范圍內(nèi)的底圖、地圖數(shù)據(jù)、應(yīng)用程序，以及可配置的應(yīng)用模板和開(kāi)發(fā)人員使用的 GIS 工具和 API，可用于創(chuàng)建 Web 地圖、發(fā)布GIS服務(wù)、共享地圖、數(shù)據(jù)和應(yīng)用程序，以及管理組織的內(nèi)容和多個(gè)用戶(hù)。
擴(kuò)展資料：
ArcGis允許用戶(hù)在線創(chuàng)建、瀏覽、使用和分享智能地圖信息。此外，用戶(hù)還可以在桌面、移動(dòng)終端、開(kāi)發(fā)SDK等產(chǎn)品中直接上傳和設(shè)計(jì)地理數(shù)據(jù)，創(chuàng)建Web地圖，通過(guò)任何設(shè)備與地圖進(jìn)行互動(dòng)，以及將地圖嵌入網(wǎng)站和基于Web的應(yīng)用。
該平臺(tái)可以充分利用云基礎(chǔ)設(shè)施，并方便用戶(hù)存儲(chǔ)和管理地圖與地理信息，使用戶(hù)之間通過(guò)開(kāi)放式、可擴(kuò)展的Web技術(shù)快速進(jìn)行溝通與協(xié)同。
參考資料來(lái)源：
百度百科——ArcGis
百度百科——ArcGIS Online
胡中南：Web端GIS技術(shù)新進(jìn)展 | (PPT+速記)
在GTC 2020『GIS基礎(chǔ)軟件新技術(shù)論壇』上，超圖研究院副院長(zhǎng)胡中南作《云原生GIS及Web端技術(shù)新進(jìn)展》報(bào)告，他首先系統(tǒng)講解了云原生GIS技術(shù)的三大新進(jìn)展：微服務(wù)更微、可擴(kuò)展，容器化部署更全、更易用，自動(dòng)化編排適配更多平臺(tái)等，介紹了這些技術(shù)如何支撐云南地質(zhì)大數(shù)據(jù)等系統(tǒng)實(shí)現(xiàn)高可用、高并發(fā)、高彈性“三高”價(jià)值；也系統(tǒng)闡述了Web端GIS技術(shù)從基礎(chǔ)庫(kù)、組件庫(kù)、模板庫(kù)到WebApps的多層次結(jié)構(gòu)及相關(guān)新進(jìn)展，讓GIS前端應(yīng)用開(kāi)發(fā)定制更快速便捷。
本文將分為云原生GIS（點(diǎn)擊左側(cè)藍(lán)色文字可直接查看）與Web端GIS兩大部分，現(xiàn)分享Web端GIS技術(shù)部分資料如下：
演講PPT
上半部分主要講云原生GIS技術(shù)如何助力GIS系統(tǒng)快速部署與運(yùn)維。
接下來(lái)我為大家介紹Web端GIS技術(shù)。
以前大家可能認(rèn)為SuperMap的Web端就是一個(gè)SuperMap iClient JavaScript，僅僅是將Leaflet等開(kāi)源技術(shù)做一些封裝集成、改進(jìn)，和SuperMap服務(wù)器產(chǎn)品的REST API做了對(duì)接，其實(shí)這只是我們Web端技術(shù)棧的組成之一，也即圖上所示的基礎(chǔ)的iClient Libraries類(lèi)庫(kù)（L1）。
我們?cè)谏厦孢€提供了iClient Components，就是所謂的WebGIS組件庫(kù)（L2），適配了Vue框架和React框架。在這之上我們面向行業(yè)應(yīng)用共性，基于組件庫(kù)進(jìn)一步封裝，提供了Web模板庫(kù)iClient Templates（L3），只需將數(shù)據(jù)、LOGO和圖片等進(jìn)行簡(jiǎn)單修改，就可以快速上線。我們還提供了可構(gòu)建、可定制、可擴(kuò)展的Web Apps，如MapDashboard和WebSite UI（L4），以及更偏向使用的一些Web Apps，用做制圖、分析等（L5）。
由此可見(jiàn)，SuperMap GIS的Web端包括這五個(gè)層次的內(nèi)容,已經(jīng)不僅僅是SuperMap iClient JavaScript單個(gè)產(chǎn)品。
在SuperMap iClient JavaScript層面，我們也有新的增強(qiáng)與改進(jìn)。
SuperMap iClient JavaScript 2020模塊圖。Web Libraries和 Web Components都有一些增強(qiáng)，新增加了Web Templates。
在此，我重點(diǎn)介紹一下組件和模板的新特性和新技術(shù)：組件技術(shù)就是把Libararies類(lèi)庫(kù)做進(jìn)一步的封裝，更少的代碼做更快的開(kāi)發(fā)，比如可以一行代碼加一個(gè)Web Map組件，里面填一個(gè)服務(wù)地址和地圖資源ID，就可以出一個(gè)地圖了。歡迎大家在超圖軟件官網(wǎng)查看范例。
這是2019年我們提供的技術(shù)。今年我們新增了多款Vue組件，包括時(shí)間軸、卷簾地圖等。地圖、圖表等都有新的增強(qiáng)和改進(jìn)。
今年我們新增了多款Vue組件，包括時(shí)間軸、卷簾地圖等。地圖、圖表等組件都有新的增強(qiáng)和改進(jìn)。
這是我們做的全球新冠疫情圖范例。使用組件技術(shù)做了封裝，用戶(hù)不用一行一行寫(xiě)代碼，操作更方便、開(kāi)發(fā)更快捷。
新的Web模板技術(shù)，可以讓?xiě)?yīng)用開(kāi)發(fā)更便捷。直接提供多種行業(yè)應(yīng)用模板，用戶(hù)只需修改LOGO、配色，或刪除不用的地方即可。
再上面就是大屏，可快速開(kāi)發(fā)建站。
No Code無(wú)代碼開(kāi)發(fā)，可以快速建站，包括SuperMap iPortal門(mén)戶(hù)首頁(yè)、地圖大屏App等，都可以進(jìn)行拖拉式操作，不需要寫(xiě)代碼就可以完成可視化定制。門(mén)戶(hù)首頁(yè)可以拖出來(lái)，Web應(yīng)用可以用大屏拖出來(lái)。
地圖大屏也做了一些增強(qiáng)。
以前做了大屏只能看，不能互動(dòng)，不能點(diǎn)，點(diǎn)了以后也不能操作?，F(xiàn)在能看、能點(diǎn)、能互動(dòng)。有了交互更好用。
包括，我們對(duì)布局也做了優(yōu)化，移動(dòng)端可以自己修改布局。
包括超寬屏終端都可以適配，這是一個(gè)項(xiàng)目的照片。
另外一個(gè)定制就是SuperMap iPortal站點(diǎn)定制和擴(kuò)展增強(qiáng)。
從首頁(yè)到登錄頁(yè)、管理頁(yè)甚至各個(gè)Web Apps都支持定制和擴(kuò)展。
從而實(shí)現(xiàn)No Code的可視化定制，同時(shí)做了一些新的組件和能力增強(qiáng)。
可以用這個(gè)特性快速搭建一個(gè)新的首頁(yè)，從上面的菜單、左上角的LOGO，包括Banner、橫幅各種內(nèi)容都支持修改、增加和刪除。甚至用戶(hù)不懂開(kāi)發(fā)都可以直接進(jìn)行操作。此外，該布局是自適應(yīng)的，在手機(jī)上同樣可以觀看。
這是2019年已有功能，今年我們做了新的增強(qiáng)。另外就是全代碼定制。
你可以基于自己的技術(shù)直接寫(xiě)一個(gè)首頁(yè)。不管是我們提供的組件，還是你自己寫(xiě)的組件，或是第三方組件都可以拿來(lái)使用。
包括我們的登錄頁(yè)和資源管理頁(yè)都可以進(jìn)行修改和定制。
此外，大屏本身也是可以擴(kuò)展的。
包括數(shù)據(jù)上圖。
數(shù)據(jù)洞察，都是可以修改和定制的。
可以加自己的圖表、UI。
前面所提到的是定制開(kāi)發(fā)，再上層就是直接使用的WebApp。
如果大家感興趣，可以去我們官網(wǎng)：，或GTC網(wǎng)站：來(lái)觀看新特性。
數(shù)據(jù)上圖，制圖能力更豐富。
可以在線打印Web地圖。
簡(jiǎn)單回顧一下，我們講到的兩大部分技術(shù)：一個(gè)是云原生GIS技術(shù)，讓GIS后臺(tái)服務(wù)管理運(yùn)維更高效，另一個(gè)是Web端GIS技術(shù)，讓GIS前端應(yīng)用開(kāi)發(fā)定制更快速。一個(gè)是高效，一個(gè)是快速。
總的報(bào)告可以用兩個(gè)圖連起來(lái)，之一就是K8s部署結(jié)構(gòu)圖，通過(guò)它可以把云原生GIS技術(shù)一覽無(wú)余，包括SuperMap iServer、SuperMap iPortal、SuperMap iManager之間的關(guān)系、用了什么技術(shù)等都可以看到。
第二張圖如上所示，我們?cè)赪eb端的整體技術(shù)層次都可以看到，從SuperMap iClient Libraries類(lèi)庫(kù)，到組件、模板，到大屏、Site UI定制、擴(kuò)展，以及WebApps等等。
以上就是我的報(bào)告，謝謝大家。
五分鐘學(xué)GIS _ 快速認(rèn)識(shí) MapBox GL
? MapBox是移動(dòng)和Web應(yīng)用程序的地理信息數(shù)據(jù)平臺(tái)。提供了豐富精美的在線地圖及地圖風(fēng)格設(shè)計(jì)器；提供了位置搜索服務(wù)、導(dǎo)航服務(wù)及其API；提供了各種端的SDK。SDK開(kāi)源免費(fèi)。
什么是
? MapBox GL是MapBox提供的JavaScript SDK，可用于各種前端地理信息數(shù)據(jù)可視化的開(kāi)發(fā)。MapBox GL渲染性能拔群，特別是能渲染大量的數(shù)據(jù)，這使它能夠在眾多同類(lèi)開(kāi)發(fā)框架中脫穎而出；可在支持WebGL的移動(dòng)端瀏覽器上運(yùn)行；地圖瀏覽平滑流暢，可視化效果豐富；使用方便，良好的可擴(kuò)展性、擁有眾多的插件使之可以滿(mǎn)足開(kāi)發(fā)者的各種需求。
MapBox GL
MapBox GL的GL指的是WebGL，這是它更大的特點(diǎn)。WebGL是一種3D繪圖協(xié)議，允許把JavaScript和OpenGL ES 2.0結(jié)合在一起，為HTML5的Canvas元素提供硬件3D加速渲染。大多數(shù)PC和移動(dòng)端瀏覽器支持WebGL。
?MapBox GL使用WebGL渲染地圖和圖層，所以可以知道這對(duì)前端GIS開(kāi)發(fā)者來(lái)說(shuō)意味著什么：超越以往瀏覽器局限的硬件級(jí)渲染圖形能力。
?令無(wú)數(shù)前端GIS開(kāi)發(fā)者頭疼的大數(shù)據(jù)量GIS數(shù)據(jù)渲染、交互問(wèn)題，若使用MapBox GL，只要不超過(guò)當(dāng)前硬件的渲染能力就都能實(shí)現(xiàn)。同時(shí)，MapBox GL也順理成章地支持一些3D效果：可以?xún)A斜、旋轉(zhuǎn)地圖；可在地圖上添加3D要素、呈現(xiàn)立體地圖等。
MapBox GL還擁有良好的可擴(kuò)展性和眾多的插件。
?比如，百度ECharts提供了MapBox GL插件，并且在ECharts官網(wǎng)上有眾多相關(guān)示例（如上圖），開(kāi)發(fā)者可以直接使用ECharts提供的各種顯示效果，做出各種美觀的地圖和流暢的動(dòng)畫(huà)效果。
?除此之外，還支持與非常流行的React、Angular等框架的集成；可與用于空間分析的JavaScript庫(kù)Turf.js結(jié)合使用等。
MapBox GL支持的服務(wù)規(guī)范及數(shù)據(jù)格式有：zxy地圖瓦片服務(wù)(OpenStreetMap規(guī)范)、MapBox (mvt)矢量瓦片地圖服務(wù)、Geo *** ON等。MapBox提供的在線地圖服務(wù)均為矢量瓦片地圖服務(wù)。與傳統(tǒng)地圖瓦片服務(wù)相比，矢量瓦片是在客戶(hù)端行渲染呈現(xiàn)的，地圖風(fēng)格的設(shè)置更加方便。
SuperMap iClient 9D for MapboxGL
SuperMap iClient 9D for MapboxGL整合了MapBox GL、ECharts和MapV，并且對(duì)接了SuperMap iServer / iExpress / iPortal / iManager / Online的地圖、服務(wù)和資源，為用戶(hù)提供了完整專(zhuān)業(yè)的GIS能力的同時(shí)也提供了優(yōu)秀的可視化功能。
使用iClient for MapboxGL可以加載各種超圖云GIS提供的瓦片地圖和矢量地圖，下圖為對(duì)接iServer發(fā)布的矢量瓦片地圖服務(wù)：
WEBGIS系統(tǒng)開(kāi)發(fā)常用的技術(shù)框架有哪些，從前端到
前端：
1、老一代兩大富應(yīng)用（RIA）框架（目前已經(jīng)停止更新）：flex、silverlight
2、其他開(kāi)源（早期項(xiàng)目較多）：openlayer2、amap、bmap、ArcgisAPI4 *** （3系列版本）
3、較新框架：openlayer3、cesiums、ArcgisAPI4 *** （4.0之后版本）、
4、輕型框架（需要二次封裝）：WebGL(例如d3.js、three.js)
后端：arcgisServer、geoserver、mapserver
部分效果如下
flex:
img src="" class="content_image"
openlayers:
img src="" class="content_image"
cesiums:
求問(wèn)做一個(gè)webgis的基本流程
首先說(shuō)明一下，如果題主想成為一名webgis開(kāi)發(fā)者，可以參考這個(gè)鏈接小白如何成為webgis初級(jí)開(kāi)發(fā)工程師
其次我們來(lái)說(shuō)一下webgis的開(kāi)發(fā)流程：
一般我們的開(kāi)發(fā)采用兩條路線：esri方案和開(kāi)源方案
esri方案舉個(gè)例子：
ArcgisServer+SqlServer+IIS+Arcgis js Api+前端基礎(chǔ)框架
開(kāi)源方案舉個(gè)例子：
GeoServer+PostgresSql+Tomcat+OpenLayers+前端基礎(chǔ)框架
Webgis開(kāi)發(fā)的大概流程是：
我們的矢量文件或者柵格文件，需要展示在網(wǎng)頁(yè)上的話(huà)，必須先通過(guò)GeoServver或者ArcgisServer發(fā)布成服務(wù)，然后這些地理服務(wù)器就會(huì)提供出可供訪問(wèn)的鏈接，然后用Openlayers或者Arcgis js api訪問(wèn)就行。當(dāng)然了我們Webgis系統(tǒng)不可能只有g(shù)is數(shù)據(jù)，還需要一些普通數(shù)據(jù)，這些就要在SqlServer或者PostgreSql里建表，然后我們的后臺(tái)程序（C#或者Java）會(huì)連接這些數(shù)據(jù)庫(kù)，取到數(shù)據(jù)，仍然返回給前端，只不過(guò)此時(shí)數(shù)據(jù)的接收者就變成了前端那幾大框架，比如JQuery、Vue、Angular、React等等。
總結(jié)一下：
那么開(kāi)發(fā)一個(gè)Webgis到底需要些什么呢？
GIS服務(wù)器+基礎(chǔ)數(shù)據(jù)庫(kù)+網(wǎng)站部署環(huán)境+GIS Api框架+前端基礎(chǔ)框架
一個(gè)完整的Webgis系統(tǒng)，上面的東西都會(huì)有，歡迎補(bǔ)充和提問(wèn)。
關(guān)于gis地圖前端框架和gis界面設(shè)計(jì)的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。
