WebGIS开发工程师、前端开发人员、GIS系统集成人员、地理信息服务平台建设人员。
理解WebGIS的基本架构(客户端-服务器模式、瓦片服务、矢量服务)。
掌握OpenLayers/Leaflet前端库的核心API与地图交互功能开发。
能够独立完成基于GeoServer/MapServer的WebGIS应用开发。
WebGIS概述:WebGIS的发展历程(静态地图→动态地图→交互式地图);WebGIS的架构(浏览器端+服务器端);地图服务标准(WMS、WMTS、WFS、WCS);主流WebGIS前端库(OpenLayers、Leaflet、Mapbox GL、Cesium)。
Web前端基础:HTML5与CSS3基础;JavaScript核心语法(变量、函数、事件、DOM操作);异步请求(Ajax、Fetch、Axios);JSON数据格式的解析。
OpenLayers基础:OpenLayers库的引入与版本选择;地图(Map)对象的创建;视图(View)的设置(中心点、缩放级别、投影);图层(Layer)的类型(Tile、Image、Vector);控件(Control)的添加(缩放、比例尺、全屏)。
OpenLayers地图服务加载:加载瓦片地图(OSM、Bing、Google、高德、百度);WMS服务的加载(ImageWMS、TileWMS);WMTS服务的加载;矢量切片(VectorTile)的加载。
OpenLayers矢量数据加载:矢量数据源(VectorSource)的创建;矢量图层(VectorLayer)的添加;GeoJSON数据的加载与解析;KML、GPX等格式的加载;矢量要素的样式设置(点、线、面的符号化)。
OpenLayers交互功能:地图事件(单击、双击、鼠标移动);绘制交互(Draw)(点、线、多边形、圆);修改交互(Modify);选择交互(Select);量测功能(距离、面积)的实现。
Leaflet基础:Leaflet库的特点(轻量、简单);地图的创建与初始化;图层的管理(Base Layers、Overlay Layers);地图控件的使用(缩放、比例尺、图层控制);插件机制(Leaflet插件生态)。
Leaflet数据可视化:Marker的添加与自定义图标;Popup与Tooltip的使用;GeoJSON图层(L.geoJSON)的数据加载;数据驱动的样式设置;热力图(Heatmap)的实现;聚类图(MarkerCluster)的实现。
GeoServer地图服务器:GeoServer的安装与配置;数据存储(Shapefile、PostGIS)的配置;图层(Layer)的发布;样式(SLD)的设置与编辑;服务的预览与测试。
WebGIS服务调用:WMS服务的调用与参数设置;WFS服务的调用(GetFeature查询、Transaction更新);WFS-T(事务WFS)实现矢量编辑;WPS(Web Processing Service)调用空间分析功能。
前端与后端集成:Node.js/Express搭建简单后端;Ajax请求后端API获取空间数据;前端渲染空间数据;用户认证与权限控制;WebGIS应用的整体架构设计。
综合实战项目:基于OpenLayers/Leaflet的完整WebGIS应用开发(如空气质量监测系统、土地资源信息平台、POI兴趣点查询系统),包含地图服务发布、前端界面设计、数据交互、功能实现与部署上线。