月薪没到20K,必啃的WebGIS系统技术栈,你练到哪一步了?

WebGIS(网络地理信息系统)是目前地理信息系统(GIS)开发的主流,它利用互联网技术来发布、共享和交互地理空间数据。

一个完整的WebGIS项目通常涉及以下几个主要环节:具备一定的理论知识,数据生产、数据入库、数据存储、前后端开发,GIS常用软件,地图开发框架、前端渲染、前后端交互、平台发布等等个环节,这就决定了每个环节有要应用对应的技术,你擅长哪个部分也决定了今后的职业发展方向,同时如果你学有余力,可以推动想GIS开发全栈工程师方向发展。

Party1

相关基础理论知识

GIS基础理论知识

①基数数据模型:矢量、栅格、真三维、倾斜摄影测量、点云

②空间索引:L曲线、四叉树、八叉树

③规范:

OGC(数据规范、服务规范)

④数据格式规范:

非公开格式数据:geodatabase、dwg、udb

交换格式:dxf、shapefile、geojison、netcdf

⑤空间操作:相交、镜像、打断、空间校准、延长、定位

⑥空间分析:缓冲区分析、日照分析、淹没分析、可视域分析

⑦制图方法:唯一值渲染、多值渲染

测绘基础知识

坐标相关:大地坐标、投影坐标、控制点(高程、水平),坐标转换(七参数、三参数)

地形图:分幅、基数比例尺

遥感基础知识

影像金字塔、分辨率

Party2

数据生产

WebGIS系统的基础是空间数据,项目很大的一部分工作就是要处理数据、分析数据,进行地图符号化配置,这就要用到桌面版的数据处理软件。

图片

ArcGIS、SuperMap、MapGIS和FME等商业软件在GIS领域拥有广泛的应用和强大的功能。这些软件通常提供了丰富的数据处理、分析、可视化和空间数据库管理功能,适用于各种复杂的GIS项目。

QGIS、uDig是开源软件,QGIS要强于Udig,用户可以通过安装插件来扩展QGIS的功能,以满足自己的特定需求。同时,QGIS的文档和教程也相对完善,易于学习和使用。

Party3

数据存储

图片

关系数据库:MySQL、PostgreSQL、Sql server、Oracle

NoSQL数据库:MongoDB

分布式文件存储:HDFS

Oracle、SqlServer是用的较多的两个商业的关系型数据库,用来存储非空间数据和空间数据,从对空间数据操作的性能上来说,还是Oracle突出些。

MySQL支持空间数据的存储,可以通过shp2mysql将shp数据导入MySQL。

PostgreSQL是一个功能强大的开源对象关系数据库系统,在可靠性、功能稳健性和性能方面都不错。

PostGIS是对PostgreSQL数据库的一个扩展,增加了对空间数据的支持。

SQLite、Spatial Sqlite是在Android移动端用的开源数据库,后者比前者增加了对空间数据的支持。

Party4

前端开发

前端网页端编程语言必然是 JavaScript、HTML、CSS三剑客和Jquery,可以用Bootstrap、EasyUI等UI框架。

为了快速、方便的开发系统,可以选用Web开发框架,如Angular、React、Vue、Quasar等。

图片

Angular、React、Vue三者一直在被比较优缺点,一直在被争论用哪个。angualr 、react对于普通的前端从业人员来说入门还是比较难的,Vue相对更轻量级、更便捷、上手快,在国内拥有较多的用户。无论从GIS开发人员水平,还是从WebGIS项目本身来说,Vue更适合做WEBGIS项目。

Quasar是一个高性能的VueJS UI组件框架,它可以构建一流的高性能的响应式网站、PWA、SSR、移动和桌面应用。

JS:ESS、ES6

H5:canvas2d、websocket、webGL

CSS3

LESS

工具:webpack、Grunt

可视化框架:Echarts、EchartsGL、D3.js

基础框架:vue.js、React.js、bootstrap、Jquery

Party5

后端开发

WebGIS系统后端架构非常全面,涵盖了数据库操作、数据接口提供、用户认证、权限管理以及内存缓存等多个方面。

图片

WebGIS系统需要调用数据库中的非空间数据进行增删改查,这就需要供前端调用的数据接口,后端开发语言可以用Java、C++、PHP、Python、.NET,开发框架可以用Spring Boot、ThinkPhp、Django、ASP.NET,但Java系仍是主流。

使用Spring Boot作为后端开发框架确实是一个很好的选择,因为它提供了许多开箱即用的功能和良好的生态系统支持,使用的话还可以整合Spring Security,实现用户认证、权限管理;整合Redis实现内存缓存。

结合WEBGIS系统需求,后端开发必须要考虑高并发、高性能、高可用、分布式、大数据方面的技术,这也是后端开发人员要掌握的技术。

图片

Node.js:Express、Egg.js

Java:springBoot、springMVC、spring

Net.:Asp.NetMVC

Party6

GIS工具

主流GIS软件操作

ArcGIS、SuperMap、QGIS、FME、uDig、Geoserver

postGIS、Envi、3dMAX、AutoCAD、smart3d

专题GIS软件学习

针对特定领域(如城市规划、环境监测等),学习相应的专题GIS软件和应用方法。

Party7

前端渲染库&地图框架

要实现前端GIS数据展示和操作,依靠的是前端GIS渲染JS库,既有商业的,也有开源的,既有二维的,也有三维的。

图片

二维:openlayers、Mapbox、Mapv、Leaflet

三维:cesium、Three.js、unit3d、MapBoxGL、MapTalks、osg、

功能库:turf.js

后台:Geotools、

大数据:GeoMesa、GeoTrellis、GeoWave、Greenplum

OpenLayers和Leaflet是两个常用的开源GIS地图库。OpenLayer相对功能强大,最新版本的地图渲染方式为Canvas和WebGL, Canvas展示二维地图,WebGL的渲染方式有望支持三维。Leaflet体积小,对移动端友好,专注性能和可用性,没有OpenLayer那么复杂,但具有大多数开发人员所需的所有制图功能。

MapBox-GL是使用WebGL技术独立渲染前端库,通过WebGL的高性能,它能够渲染大量的地图要素,同时拥有流畅的交互以及动画效果。

百度地图API、高德地图API、腾讯地图API属于互联网公司推出的API库,从他们的定位和产品来看,不是真正的GIS库。

Cesium和Threejs都是基于 WebGL 的前端3D JS 类库,拥有广泛的用户群。

Echarts、D3属于不是GIS但经常用于GIS项目的可视化库。

Party8

攻坚方向

web大场景三维可视化

压缩、化简、切片、后期效果、前期效果、动画、粒子特效、光线追踪、自动快速建模

地理大数据治理

大数据索引、大数据融合模型

视频融合

视频拼接融合、视频投影、大规模视频播放、

物联网

数据实时汇聚、数据建模管理

最后,分享一个小编非常赞同的观点

WebGIS本质上是Web+GIS,计算机专业人员和GIS专业的开发人员都可以从事。

论单纯软件开发,搞GIS开发的拼不过不过学计算机专科出身的程序员,但是纯软件开发的人又对GIS不太懂,而WebGIS系统开发项目又要求开发人员对GIS有一定的理解。

GIS专业的开发人员本身具有GIS专业背景和一定的软件开发技术

GIS专业背景使他们具备深厚的空间数据处理、分析和地图可视化的知识,了解GIS数据的复杂性和多样性,在空间地理思维方面,能够更好地理解项目的需求和目标,并将其转化为实际的技术实现,更适合主导、负责整个WebGIS项目。

GIS专业的开发人员的技术应该是全栈的,既要懂空间数据处理分析,又要会地图专题图制作,既得熟悉主流开发语言,还得精通前端GIS API的调用,甚至发挥空间地理思维参与页面设计。

这就是我们GIS专业开发人员的独特优势。

### 常用技术栈 WebGIS 系统技术栈通常涉及多个层面,包括前端展示、后端服务以及数据存储与处理。以下是常见的技术组件及其作用: #### 1. **前端技术** - 使用 HTML5 和 CSS3 进行页面布局和样式设计[^1]。 - 利用 JavaScript 库(如 Leaflet.js 或 OpenLayers)来实现地图的交互功能,支持矢量瓦片加载、动态标注显示等功能[^2]。 #### 2. **后端技术** - 后端服务器可以采用 Node.js 或 Python 的 Flask/Django 框架提供 API 接口服务。 - 配置并集成 GIS 引擎(例如 GeoServer 或 MapServer),这些工具能够高效地管理和分发空间数据[^3]。 #### 3. **数据库管理** - 数据库方面可以选择 PostgreSQL 结合 PostGIS 扩展模块,专门用来存储复杂的地理信息结构;也可以考虑 MongoDB 来保存非结构化的文档形式的数据集。 ### 架构设计方案 构建一个完整的 Web 可视化 GIS 平台需遵循分层设计理念,具体如下所示: #### 总体架构描述 整个系统分为四大部分:客户端应用层、业务逻辑层、数据访问层和服务支撑层。每一部分都有其特定职责范围内的操作流程和技术要点说明: - 客户端通过浏览器向服务器发起请求获取所需的地图资源; - 业务逻辑层解析用户的输入参数,并调用相应的算法完成计算任务; - 数据访问层负责连接底层数据库读取原始记录或者缓存副本; - 而服务支撑层则包含了诸如身份认证机制在内的通用设施保障整体运行环境稳定可靠。 ```mermaid graph TD; A[Client Application Layer (Browser)] --> B{Business Logic Layer}; B --> C(Data Access Layer); C --> D(Service Support Layer & Database Management System); ``` 上述图表展示了各层次间的关系模式图解表示方法之一——Mermaid语法绘制而成的简单示意图形。 ### 地理信息系统(GIS) Web 开发框架推荐 对于希望快速搭建原型测试的同学来说,可以直接选用一些成熟的开源项目作为基础模板进行二次定制开发工作。比如 CesiumJS 是一款专注于地球表面三维表现效果的强大 JS 类库,在兼容多种格式源文件导入的同时还提供了丰富的插件扩展可能性。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值