一、基础部分 ​

1. WebGIS基础 ❐ ​

将WebGIS拆成了两个部分：GIS和WEB部分。

1.1 GIS基础 ❐ ​

包括如下知识点：

• GIS基本概念
• GIS数据
• 地图学相关知识

1.2 WEB基础 ❐ ​

包括如下知识点：

• html简介
• css简介
• js简介
• web框架简介
• Vue3工程搭建

2. GIS软件 ❐ ​

GIS软件在日常的开发中是比不可少的，所以其相关操作和知识也尤为重要。

2.1 软件安装 ❐ ​

主要讲述WebGIS开发相关软件的安装，包括：Geoserver、PostGIS、QGIS等。

2.2 Geoserver相关操作 ❐ ​

讲述Geoserver中的相关操作，包括：

• 创建工作空间
• 添加数据源
• 创建样式
• 发布图层
• 创建图层组
• 添加插件
• GWC发布切片服务

2.3 QGIS相关操作 ❐ ​

讲述QGIS在WebGIS开发时的常用操作：

• 添加数据源
• 创建、编辑数据
• 制作或者下载切片

3. WebGIS框架 ❐ ​

主要讲述常用的三种WebGIS框架的使用，同时就三种框架的实现技术、性能等方便加以比较。

3.1 leaflet ❐ ​

介绍如何快速掌握leaflet，leaflet核心类介绍以及如何使用leaflet。

3.2 openlayers ❐ ​

介绍如何快速掌握openlayers，openlayers核心类介绍以及如何使用openlayers。

3.3 mapboxGL ❐ ​

介绍如何快速掌握mapboxGL，mapboxGL核心类介绍以及如何使用mapboxGL。

二、进阶部分 ​

1. 项目实战 ❐ ​

以台风路径展示系统为例，讲述完整的WEBGIS开发流程，包括：需求分析、概要设计、后端接口设计与实现以及前端UI实现。

1.1 需求分析 ❐ ​

参考温州台风网功能，实现系统的需求分析。

1.2 概要设计 ❐ ​

根据需求完成数据库设计、接口设计以及前后端的架构设计，以完成概要设计。

1.3 接口实现 ❐ ​

根据概要设计的内容，完成后端接口。教程中使用node和express，数据库使用Postgres。

1.4 UI实现 ❐ ​

根据需求，完成界面的UI与交互实现，并完成跟后端的接口联调。前端使用Vue3和vite。

2. SDK开发 ❐ ​

一套完整的SDK应包括三个部分：API文档、开发示例和说明文档。

2.1 开发SDK ❐ ​

使用rollup和jsdoc实现SDK的开发和API文档的开发。

2.2 开发示例 ❐ ​

使用Vue3和vite完成示例文档的开发。

2.3 开发说明文档 ❐ ​

使用vite-express完成说明文档的开发。

2.4 SDK发布 ❐ ​

使用node和express完成SDK的集成与发布，并实现AK的申请与认证。

3. 后端相关 ​

主要讲述Geotools和PostGIS的常用使用。

3.1 Geotools ❐ ​

讲述GeoTools的使用，包括：

• 空间关系判断
• 空间计算
• 手写WMS服务
• 插值与等值线、等值面生成

3.2 PostGIS ❐ ​

讲述GeoTools的使用，包括：

• 空间关系判断
• 空间计算
• PostGIS矢量切片