01
认识地图数据
什么是GIS地图 · Shapefile/GeoJSON/KML · 坐标系概念
基础理论
02
获取地图数据
OSM·自然资源部 · 免费下载 · 版权注意事项
数据源版权
03
安装必备工具
QGIS安装 · Anaconda环境 · Leaflet库简介
环境工具
04
QGIS导入Shapefile
拖拽导入 · 图层样式 · 属性表查看
QGIS实操
05
QGIS坐标系转换
WGS84 vs CGCS2000 · 投影转换实战
坐标投影
06
QGIS数据导出
导出GeoJSON/KML/图片 · 格式转换
导出QGIS
07
Python读取Shapefile
GeoPandas读取 · 查看基本信息
PythonGeoPandas
08
Python读取GeoJSON
GeoPandas读取 · 数据清洗与筛选
Python清洗
09
Python坐标转换实战
pyproj库 · 批量坐标转换
pyproj批处理
10
Python数据可视化基础
Matplotlib绘制地图 · 颜色与图例
Matplotlib可视化
11
Python数据可视化进阶
Contextily底图 · 热力图绘制
热力图底图
12
搭建本地Web服务器
http.server · 跨域问题解决
服务器部署
13
Leaflet入门
HTML结构 · 引入Leaflet · 创建地图容器
Leaflet前端
14
Leaflet添加底图
OpenStreetMap · 卫星图/地形图切换
底图切换
15
Leaflet添加标记
单个标记 · 自定义图标 · 弹出信息框
标记交互
16
Leaflet添加GeoJSON
L.geoJSON加载 · 样式函数设置
GeoJSON样式
17
Leaflet交互功能
点击获取坐标 · 悬停信息 · 缩放至图层
交互事件
18
Leaflet图层控制
图层切换控件 · 分组管理
控件管理
19
Leaflet热力图插件
heatmap.js · 热力图参数配置
热力图插件
20
Leaflet聚合图插件
MarkerCluster · 大量点数据处理
聚合性能
21
Leaflet绘制工具
Leaflet.draw · 点线面绘制 · 导出结果
绘制插件
22
Leaflet与后端交互
Fetch API请求 · 动态加载数据
API动态
23
Leaflet动画效果
标记闪烁 · 路径动画 · 定时器更新
动画定时器
24
Leaflet性能优化
数据简化 · 瓦片缓存 · Canvas渲染
优化渲染
25
Leaflet移动端适配
响应式布局 · 触摸事件 · 性能调优
移动端适配
26
综合实战一：省会城市分布
数据获取·处理·可视化全国省会
实战综合
27
综合实战二：公交线路查询
路线数据 · 站点标记 · 路径高亮
实战公交
28
综合实战三：气象监测面板
数据模拟 · 热力图 · 动态更新
实战气象
29
综合实战四：小区物业地图
楼栋标记 · 设施标注 · 搜索功能
实战物业
30
课程总结与发布
项目打包 · GitHub Pages部署 · 分享作品
部署总结