GIS开发技术栈 gis开发项目

怎么学好webgis开发

看到这个问题的前两天，我正好看到一个大牛（GIS520社区站长）写的经验介绍。

创新互联公司专注于乌鲁木齐网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供乌鲁木齐营销型网站建设，乌鲁木齐网站制作、乌鲁木齐网页设计、乌鲁木齐网站官网定制、小程序设计服务，打造乌鲁木齐网络公司原创品牌,更为您提供乌鲁木齐网站排名全网营销落地服务。

贴下原文：

本文主要介绍小白如何成为初级WebGIS开发工程师，只适合对应人员参考（WebGIS前端的技能要求和互联网前端要求有些差距的）。后续会有中、高级WebGIS开发工程师相关文章。

程序员的职业岗位，一般的公司会根据技术能力情况区分等级。每个等级有对应的薪资范围。

如果不区分级别的，可能这个公司就不是以技术驱动的公司，研发团队管理也不够专业。一些大公司可能会像阿里那种级别划分，p1~p10，腾讯百度也类似。小公司可能就简单的划分为初级开发工程师、中级开发工程师、高级开发工程师、技术经理、专家/技术总监。

小白一开始的目标就应该定位为初级开发工程师，然后通过努力，成长为中级到高级。那么下面我介绍一下需要具备什么样的技能才能成为一名合格的WebGIS开发工程师。

技术基本要求

1. JavaScript、CSS/HTML掌握；

2. 至少掌握ArcGIS API for javascript 或者 openlayers一种；

3. 懂mysql或oracle或postgresql一种；

4. 掌握Arcgis server或者geoserver发布地图服务并展示；

5. 懂得Java后端语言加分（不强制）。

以上要求，是基于我个人经验以及对一些GIS公司工作的理解。如果你都能满足，可以随意找webgis的开发岗位了。具体什么薪资，每个公司会有点区别，并且要看个人技术的总体情况。

注意我对技术的描述关键词都是“掌握”，并没有说是“熟练”，如果是熟练的话，那应该至少是中级开发工程师了。下面我在仔细的说明这些技能如何学习和对应初级WebGIS开发工程师的掌握程度。

1. JavaScript、CSS/HTML掌握

这里边最重要的是html和JavaScript两个，其次是css。对webgis公司来说，系统页面和美观效果和互联网的网站相比，有些差距，所以css这边要求不高；解释一下js为什么是最重要的，因为js是用的最多的，所有的web页面逻辑都是用js来实现，一般你的js能力的大小可能决定你工作的效率和所能承担的任务难度大小。

js、css、html三者综合起来占WebGIS岗位技术比为70%（就是满分100分，这里占了70分，看你能拿多少了）。

对于小白，我建议就是先学习html，然后了解一下css，最后好好学习js。学习难度上，html最好学，其次到js入门容易，最后到css，css入门和学好都比较花时间的，需要慢慢来，多练习。而js入门没啥难度，但是学好，熟练，精通就难了。

这里推荐三本书：

《JavaScript权威指南》第六版

《JavaScript高级程序设计》第三版

《CSS权威指南》第三版

初学者不宜看过多类似的书，只需要一种读好，读懂一本就够了，推荐的都是最好的之一。如果在一开始看不到，可以借助一些网站，比如问w3cschool网站手册，或者慕课网的一些视频教程。循序渐进，基础语法掌握后，尝试多做练习。如果不知道做什么，我帮你出题。

2. 至少掌握ArcGIS API for javascript 或者 openlayers一种

作为一名合格的WebGIS开发工程师，这个技能是不可少的。但是不管是arcgis还是openlayers地图框架，都是一个api 库。

这里解释一下什么是API，因为完全小白的人可能不了解。API 可以简单的理解为一个工具箱，里边有锤子、钉子、螺钉、螺母等工具或零件，你做一样东西或者修一样东西需要什么工具，就找到这个工具箱，然后要用锤子就找到锤子使用就行了。这个是最简单的比喻，实际上是有点区别，如果不懂得话，暂且可以这么理解。

要掌握ArcGIS API for javascript 或者 openlayers一种的前提是编程语言JavaScript过关。越熟悉越好。如果你熟悉使用JavaScript，对于ArcGIS API for javascript 或者 openlayers一种就可以做到，边看文档边操作一样的效果了。学习的话就到对应的官网看文档就够了，官方demo也比较详细，没有哪本书做得比官方文档好。这里不推荐书籍。

3. 懂mysql或oracle或postgresql一种

工作上，我们可能会经常做一些业务功能，业务简单的可以理解为增删改查，而这些数据的操作都是基于数据库的。数据库，程序员是必须要掌握熟悉的技能，基本的sql要会写。不管什么数据库，sql语言都很相似，一开始只需要选择一种去学习就够了。首选mysql或oracle。

4. 掌握Arcgis server或者geoserver 发布地图服务并展示

这个是软件层面的使用，真正工作上，可能发布地图服务的工作是技术支持人员操作的，但是，说道学习上，开发人员也是必须要掌握的。

一方面，自己可以安装软件，然后通过学习发布地图服务，有了地图服务，自己可以在程序中调用地图服务，可以做自己的webgis系统，编程练习等；

另一方面，只有了解了地图服务这一层面的知识原理，你才能更好的理解到WebGIS是什么，WebGIS地图是如何展示和工作的。

5. 懂得Java后端语言加分（不强制）

一些小公司可能会把WebGIS开发工程师叫做GIS开发工程师，如果你懂得Java，可能会接触到一些后端开发的工作，接口的书写等。

懂得一门后端编程语言，我个人觉得是比较重要的，对日后学习的理解，前后端工作流程的理解都相当的重要。而且，你可以自己搭后端，自己写前端页面，这样就可以独自一人完成一个网站。

当你有能力一个人完成一个网站的时候，从数据库表结构设计、后端框架搭建、接口设计编码实现，到前端框架搭建、前端编码页面实现，整个过程你会学到很多东西。如果你懂后端了，不知道怎么开发网站，你可以来找我，我指导你去设计，去实现。

当然，小白建议忽略这个技能要求，因为学习前面的技能要花费很多时间，日后你往更深的技术层次追求时，再考虑进去。

写在最后

上边的技能要求，针对的是小白或入门级的，如果你不是这个群体，可以忽略；如果你已经是初级或者中级开发工程师了，但是发现自己有些不足，那你就好好对自己的技术成长路线规划一下。对于未知的技术学习建议：

1. 首先，掌握熟悉你所在公司所使用和涉及的技能

好处：帮助自己更好更快完成工作任务，这样可以减少加班；领导发现你能力不错，对自己也有好处。当然，如果你觉得公司使用的技术比较low，你在混，那建议你尽快离职，不要浪费自己的时间；如果你到哪都是混，那建议你还是转行算了。

2. 不要满足于现状，不管是技术上，还是其他

技术无止境，一个公司的技术栈在长时间内不会变化的，这个时间可能是3年、5年或者10年。

当然，不变化的可能是传统软件公司，或者是小公司。不要觉得你工作几年出去有经验就吃得香了。要有危机感，跟进最新技术发展情况，观察大公司流行使用什么框架技术，自己尝试去学习了解。

也不要找借口说没时间学习，如果把自己玩游戏或看电视剧的时间用在学习上，会是什么样子呢？

胡中南：Web端GIS技术新进展 | (PPT+速记)

在GTC 2020『GIS基础软件新技术论坛』上，超图研究院副院长胡中南作《云原生GIS及Web端技术新进展》报告，他首先系统讲解了云原生GIS技术的三大新进展：微服务更微、可扩展，容器化部署更全、更易用，自动化编排适配更多平台等，介绍了这些技术如何支撑云南地质大数据等系统实现高可用、高并发、高弹性“三高”价值；也系统阐述了Web端GIS技术从基础库、组件库、模板库到WebApps的多层次结构及相关新进展，让GIS前端应用开发定制更快速便捷。

本文将分为云原生GIS（点击左侧蓝色文字可直接查看）与Web端GIS两大部分，现分享Web端GIS技术部分资料如下：

演讲PPT

上半部分主要讲云原生GIS技术如何助力GIS系统快速部署与运维。

接下来我为大家介绍Web端GIS技术。

以前大家可能认为SuperMap的Web端就是一个SuperMap iClient JavaScript，仅仅是将Leaflet等开源技术做一些封装集成、改进，和SuperMap服务器产品的REST API做了对接，其实这只是我们Web端技术栈的组成之一，也即图上所示的基础的iClient Libraries类库（L1）。

我们在上面还提供了iClient Components，就是所谓的WebGIS组件库（L2），适配了Vue框架和React框架。在这之上我们面向行业应用共性，基于组件库进一步封装，提供了Web模板库iClient Templates（L3），只需将数据、LOGO和图片等进行简单修改，就可以快速上线。我们还提供了可构建、可定制、可扩展的Web Apps，如MapDashboard和WebSite UI（L4），以及更偏向使用的一些Web Apps，用做制图、分析等（L5）。

由此可见，SuperMap GIS的Web端包括这五个层次的内容,已经不仅仅是SuperMap iClient JavaScript单个产品。

在SuperMap iClient JavaScript层面，我们也有新的增强与改进。

SuperMap iClient JavaScript 2020模块图。Web Libraries和 Web Components都有一些增强，新增加了Web Templates。

在此，我重点介绍一下组件和模板的新特性和新技术：组件技术就是把Libararies类库做进一步的封装，更少的代码做更快的开发，比如可以一行代码加一个Web Map组件，里面填一个服务地址和地图资源ID，就可以出一个地图了。欢迎大家在超图软件官网查看范例。

这是2019年我们提供的技术。今年我们新增了多款Vue组件，包括时间轴、卷帘地图等。地图、图表等都有新的增强和改进。

今年我们新增了多款Vue组件，包括时间轴、卷帘地图等。地图、图表等组件都有新的增强和改进。

这是我们做的全球新冠疫情图范例。使用组件技术做了封装，用户不用一行一行写代码，操作更方便、开发更快捷。

新的Web模板技术，可以让应用开发更便捷。直接提供多种行业应用模板，用户只需修改LOGO、配色，或删除不用的地方即可。

再上面就是大屏，可快速开发建站。

No Code无代码开发，可以快速建站，包括SuperMap iPortal门户首页、地图大屏App等，都可以进行拖拉式操作，不需要写代码就可以完成可视化定制。门户首页可以拖出来，Web应用可以用大屏拖出来。

地图大屏也做了一些增强。

以前做了大屏只能看，不能互动，不能点，点了以后也不能操作。现在能看、能点、能互动。有了交互更好用。

包括，我们对布局也做了优化，移动端可以自己修改布局。

包括超宽屏终端都可以适配，这是一个项目的照片。

另外一个定制就是SuperMap iPortal站点定制和扩展增强。

从首页到登录页、管理页甚至各个Web Apps都支持定制和扩展。

从而实现No Code的可视化定制，同时做了一些新的组件和能力增强。

可以用这个特性快速搭建一个新的首页，从上面的菜单、左上角的LOGO，包括Banner、横幅各种内容都支持修改、增加和删除。甚至用户不懂开发都可以直接进行操作。此外，该布局是自适应的，在手机上同样可以观看。

这是2019年已有功能，今年我们做了新的增强。另外就是全代码定制。

你可以基于自己的技术直接写一个首页。不管是我们提供的组件，还是你自己写的组件，或是第三方组件都可以拿来使用。

包括我们的登录页和资源管理页都可以进行修改和定制。

此外，大屏本身也是可以扩展的。

包括数据上图。

数据洞察，都是可以修改和定制的。

可以加自己的图表、UI。

前面所提到的是定制开发，再上层就是直接使用的WebApp。

如果大家感兴趣，可以去我们官网：，或GTC网站：来观看新特性。

数据上图，制图能力更丰富。

可以在线打印Web地图。

简单回顾一下，我们讲到的两大部分技术：一个是云原生GIS技术，让GIS后台服务管理运维更高效，另一个是Web端GIS技术，让GIS前端应用开发定制更快速。一个是高效，一个是快速。

总的报告可以用两个图连起来，第一就是K8s部署结构图，通过它可以把云原生GIS技术一览无余，包括SuperMap iServer、SuperMap iPortal、SuperMap iManager之间的关系、用了什么技术等都可以看到。

第二张图如上所示，我们在Web端的整体技术层次都可以看到，从SuperMap iClient Libraries类库，到组件、模板，到大屏、Site UI定制、扩展，以及WebApps等等。

以上就是我的报告，谢谢大家。

WEBGIS系统开发常用的技术框架有哪些，从前端到后端，求推荐

前端：

1、老一代两大富应用（RIA）框架（目前已经停止更新）：flex、silverlight

2、其他开源（早期项目较多）：openlayer2、amap、bmap、ArcgisAPI4JS（3系列版本）

3、较新框架：openlayer3、cesiums、ArcgisAPI4JS（4.0之后版本）、

4、轻型框架（需要二次封装）：WebGL(例如d3.js、three.js)

后端：arcgisServer、geoserver、mapserver