# GIS之家的学习交流圈

**Repository Path**: duncan1987/gis-learning-circle

## Basic Information

- **Project Name**: GIS之家的学习交流圈
- **Description**: GIS之家的学习交流圈，专注gis知识领域， 1️⃣WebGIS开发示例，WebGIS项目案例 2️⃣GIS数据资源分享 3️⃣GIS软件操作教程
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-06-09
- **Last Updated**: 2025-06-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## GIS之家的学习交流圈
- GIS之家的学习交流圈，专注gis知识领域。知乎【GIS之家专栏】、公众号【gishome】、小专栏【GIS之家】、知识星球【GIS之家的学习交流圈】4个专栏的主创者，网名GIS之家，深耕WebGIS领域，目前广州工作，GIS研发工程师，已积累超过十年的GIS行业工作经验，拥有丰富的WebGIS开发项目实战经验。  
- 所有的示例案例源码以及GIS数据资源全部分享在知识星球【GIS之家的学习交流圈】，感兴趣的GISer可以加入，一起学习交流：[GIS之家的学习交流圈](https://t.zsxq.com/Ivg49)   

## 一、服务对象  
1️⃣WebGIS初学者/小白  
2️⃣GIS相关方向的学生  
3️⃣想往WebGIS开发方向走，但比较迷茫的小伙伴  
4️⃣觉得专栏内容对自己学习有所帮助的GISer  
5️⃣1-2年WebGIS开发者    

## 二、服务内容  
🔥WebGIS入门开发系列示例源码，包括arcgis api 4、cesium、openlayers、leaflet等地图框架方向  
🔥WebGIS行业项目案例讲源码，包括智慧城市、应急管理、国土规划、电力、地信等行业项目  
🔥WebGIS地图服务发布部署操作教程  
🔥WebGIS数据资源分享（示例以及项目案例的学习数据素材）  

## 三、必备知识 
JavaScript/Vue/React、HTML/CSS、GIS相关知识理论

## 四、内容导航  
## vue+cesium示例案例  
[vue3+Cesium案例：智慧城市多种可视化特效](https://gitee.com/gishome/gis-learning-circle/blob/main/vue+cesium%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E6%99%BA%E6%85%A7%E5%9F%8E%E5%B8%82%E5%A4%9A%E7%A7%8D%E5%8F%AF%E8%A7%86%E5%8C%96%E7%89%B9%E6%95%88.md)   
[vue3+Cesium示例：建筑物单体化分层](https://gitee.com/gishome/gis-learning-circle/blob/main/vue+cesium%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E5%BB%BA%E7%AD%91%E7%89%A9%E5%8D%95%E4%BD%93%E5%8C%96%E6%95%B4%E6%A0%8B%E5%88%86%E5%B1%82.md)     
[vue3+Cesium示例：三维建筑物自定义材质](https://gitee.com/gishome/gis-learning-circle/blob/main/vue+cesium%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E4%B8%89%E7%BB%B4%E5%BB%BA%E7%AD%91%E7%89%A9%E8%87%AA%E5%AE%9A%E4%B9%89%E6%9D%90%E8%B4%A8.md)  
[vue3+Cesium示例：克里金空间插值渲染效果](https://gitee.com/gishome/gis-learning-circle/blob/main/vue+cesium%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E5%85%8B%E9%87%8C%E9%87%91%E6%8F%92%E5%80%BC%E7%A9%BA%E9%97%B4%E6%B8%B2%E6%9F%93%E6%95%88%E6%9E%9C.md)  
[vue3+Cesium示例：实现动态绘制几何体设置颜色拖动效果](https://gitee.com/gishome/gis-learning-circle/tree/main/vue+cesium%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E5%8A%A8%E6%80%81%E7%BB%98%E5%88%B6%E5%87%A0%E4%BD%95%E4%BD%93)  
[vue3+Cesium示例：可视域分析](https://gitee.com/gishome/gis-learning-circle/blob/main/vue%2Bcesium%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E5%8F%AF%E8%A7%86%E5%9F%9F%E5%88%86%E6%9E%90.md)  
[vue3+Cesium示例：3Dtiles三维模型高度调整](https://gitee.com/gishome/gis-learning-circle/tree/main/vue+cesium%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/3Dtiles%E4%B8%89%E7%BB%B4%E6%A8%A1%E5%9E%8B%E9%AB%98%E5%BA%A6%E8%B0%83%E6%95%B4)  

## vue3+leaflet示例案例
[vue3+leaflet示例：在线地图切换](https://gitee.com/gishome/gis-learning-circle/tree/main/vue3+leaflet%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E5%9C%A8%E7%BA%BF%E5%9C%B0%E5%9B%BE%E5%88%87%E6%8D%A2)   
[vue3+leaflet示例：图层管理](https://gitee.com/gishome/gis-learning-circle/tree/main/vue3+leaflet%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E5%9B%BE%E5%B1%82%E7%AE%A1%E7%90%86)   
[vue3+leaflet示例：地图分屏对比](https://gitee.com/gishome/gis-learning-circle/tree/main/vue3+leaflet%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E5%9C%B0%E5%9B%BE%E5%88%86%E5%B1%8F%E5%AF%B9%E6%AF%94)  
[vue3+leaflet示例：克里金插值渲染](https://gitee.com/gishome/gis-learning-circle/blob/main/vue3%2Bleaflet%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E5%85%8B%E9%87%8C%E9%87%91%E6%8F%92%E5%80%BC%E6%B8%B2%E6%9F%93%E6%98%BE%E7%A4%BA.md)   
[vue3+leaflet示例：geojson数据地形剖面分析](https://gitee.com/gishome/gis-learning-circle/tree/main/vue3+leaflet%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/geojson%E6%95%B0%E6%8D%AE%E5%9C%B0%E5%BD%A2%E5%89%96%E9%9D%A2%E5%88%86%E6%9E%90)   
[vue3+leaflet示例：地图卷帘对比](https://gitee.com/gishome/gis-learning-circle/tree/main/vue3+leaflet%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E5%9C%B0%E5%9B%BE%E5%8D%B7%E5%B8%98%E5%AF%B9%E6%AF%94)   
[vue3+leaflet示例：结合Echarts4实现散点图效果](https://gitee.com/gishome/gis-learning-circle/blob/main/vue3+leaflet%E7%A4%BA%E4%BE%8B%E6%A1%88%E4%BE%8B%E9%9B%86%E5%90%88/%E7%BB%93%E5%90%88Echarts4%E5%AE%9E%E7%8E%B0%E6%95%A3%E7%82%B9%E5%9B%BE%E6%95%88%E6%9E%9C.md)   

## 地图数据资源
[GIS之家数据资源：全国水系以及路网](https://gitee.com/gishome/gis-learning-circle/blob/main/GIS%E6%95%B0%E6%8D%AE%E8%B5%84%E6%BA%90/%E5%85%A8%E5%9B%BD%E8%B7%AF%E7%BD%91%E4%BB%A5%E5%8F%8A%E6%B0%B4%E7%B3%BB.md)   
[GIS之家数据资源：全国DEM地形](https://gitee.com/gishome/gis-learning-circle/blob/main/GIS%E6%95%B0%E6%8D%AE%E8%B5%84%E6%BA%90/DEM%E5%9C%B0%E5%BD%A2.md)   
[GIS之家数据资源：全国行政区划](https://gitee.com/gishome/gis-learning-circle/blob/main/GIS%E6%95%B0%E6%8D%AE%E8%B5%84%E6%BA%90/%E5%85%A8%E5%9B%BD%E8%A1%8C%E6%94%BF%E5%8C%BA%E5%88%92.md)   
[GIS之家数据资源：全国建筑轮廓](https://gitee.com/gishome/gis-learning-circle/blob/main/GIS%E6%95%B0%E6%8D%AE%E8%B5%84%E6%BA%90/%E5%85%A8%E5%9B%BD%E5%BB%BA%E7%AD%91%E8%BD%AE%E5%BB%93.md)   
[GIS之家数据资源：全国建筑轮廓（带层数）](https://gitee.com/gishome/gis-learning-circle/blob/main/GIS%E6%95%B0%E6%8D%AE%E8%B5%84%E6%BA%90/%E5%85%A8%E5%9B%BD%E5%BB%BA%E7%AD%91%E8%BD%AE%E5%BB%93%EF%BC%88%E5%B8%A6%E5%B1%82%E6%95%B0%EF%BC%89.md)