《地图Web3D可视化-WebGL/Three.js》课程一共有40节课程，课程时间长短不一.
课程价格
《地图Web3D可视化-WebGL/Three.js》课程价格为149元
购买课程可以联系本人，购买有折扣。不提供盗版教程，不卖账号。
如果你购买了《WebGL/Three.js前端高薪3D可视化》那么无须再购买此课程。《WebGL/Three.js前端高薪3D可视化》已涵盖了此课程。如果想更系统全面的学习threejs推荐《WebGL/Three.js前端高薪3D可视化》。
适用人群
有前端基础，想基于Web实现地图数据的3D可视化效果
课程概述
- 本课程讲解如何在web上实现地图3D可视化
- 学习本课程有前端基础即可，如果了解three.js更好
- 学习建议：一定要结合每节课提供的案例源码学习，不要仅仅看视频
- 每节课案例源码：查看网易云私信，如果没看到，注意点聊天历史记录
课程目录
1.学前内容
- 视频课程完成效果展示
- 视频3D地图中国与大屏可视化结合效果
- 视频技术选择
- 视频Three.js引擎简介
- 视频学习细节安排
2.Three.js解析渲染GeoJSON数据
- 视频GeoJOSN数据简介和获取
- 视频先通过Three.js实现一个基础渲染代码
- 视频渲染非全屏(相机和渲染器)
- 视频相机渲染范围、位置和目标
- 视频渲染循环和相机控件OrbitControls
- 视频解析边界线(几何体顶点和Line模型)
- 视频Shape几何体填充行政区域
- 视频渲染中国地图(相机参数适配)
- 视频渲染省份或城市地图轮廓
- 视频拉伸行政区轮廓
- 视频经纬度转墨卡托坐标
3.行政区射线拾取、信息标签和热点
- 矩形+贴图标注位置
- 热点—波动光圈
- 热点—旋转棱锥
- HTML元素作为标签(世界坐标转屏幕坐标)
- HTML元素作为标签(CSS2DRenderer)
- HTML元素作为标签(CSS3DRenderer)
- 鼠标单击拾取选中一个行政区
4.行政区数据可视化
- 中国地图颜色深浅可视化
- 练习-世界各国GDP可视化(区域颜色深浅)
- 行政区域拉伸不同高度可视化数据
- 气泡图(不同颜色和大小圆圈)
- 柱子可视化数据
5.密集位置数据可视化
- 密集点(微博登录活动)
- Line可视化轨迹线(北京公交轨迹)
- Line可视化轨迹线(全球高速公路轨迹GeoJSON)
- 世界人口密度(柱子可视化)
- 世界人口密度(柱子颜色渐变)
- 世界人口密度可视化(几何体合并)
- 柱子可视化(数据特定间距)
6.信息流数据可视化(飞线)
- 轨迹线(样条曲线)
- 飞线(轨迹线上提取一段作为飞线)
- 飞线粗细设置(linewidth)
- shader实现小蝌蚪状飞线
- 练习题—飞线综合案例
效果截图演示
飞线地图
世界地图柱子效果
地图飞线效果
地图公交轨迹效果
数据渲染效果
气泡效果
地图柱子效果
地图效果
地图不同高度效果
射线拾取效果
