经常有人问我 如何学习WebGIS 开发,所以在业余时间写了《WebGIS入门实战》专栏,给需要的人
专栏适合人群
- WebGIS 初学者
- 希望快速入门 WebGIS 的小白
- 希望能够边学边实战的开发者
- 相关方向学生&老师
专栏所需技术储备
必备知识:JavaScript、HTML/CSS
专栏能学到什么?
WebGIS开发、leaflet、openlayers、node.jsnpmwebpack
专栏介绍
在本专栏中,除了介绍 WebGIS 开发,还会分享一些个人经验,介绍nodejs、webpack工具来搭建开发环境以及一些提高开发效率的工具介绍。
本课程共包含三大部分。第一部分(第1~3篇)带你初步认识 WebGIS开发是什么,开发环境介绍、第三章介绍ArcGIS、OpenLayers、Leftlet、Mapbox等地图库的特点等。
第二部分(第4~7篇)简单了解前端工程化的知识,介绍node.js搭建开发环境和效率工具的使用,然后实战开发演示不同地图JS库加载地图服务的基本demo,和台风实时路径、地图相册demo实战开发。
第三部分(第8~9篇)这部分将会介绍如何使用 webpack 搭建开发环境,改善传统的 WebGIS 行业的开发方式。以及介绍如何将静态demo部署到github演示。
第四部分(第10-12篇)除了介绍前端流行的三大框架/库开发webgis外,还会介绍前后端完整的WebGIS系统开发流程,让读者清晰清楚如何准备开发一个完整WebGIS系统。最后一章将介绍个人在技术学习成长上应该如何准备,如何才能做到在技术上持续快速成长。
目录
- 01:概述WebGIS是什么
- 02:前期准备:开发环境的准备
- 03:WebGIS开发常用的地图JS库
- 04:了解前端工程化和利用Node.js作为工具使得开发变得高效
- 05:实战:基于不同地图库的地图服务加载展示Demo
- 06:实战:基于Leaflet 台风实时路径实现
- 07:实战:基于Leaflet 旅游地图相册实现
- 08:如何使用 ES6 + webpack 开发 WebGIS
- 09:部署篇:介绍如何将Demo部署到Github以及绑定域名等
- 10:前沿篇:React、Angular、Vuejs等开发WebGIS系统介绍
- 11:全栈篇:如何进行完整的WebGIS系统开发
- 12:发展篇:如何在技术上持续快速成长
专栏地址:https://xiaozhuanlan.com/webgis
专栏目录全览:有道云文章目录