【WebGIS自学宝藏教程】超级全面的Mapbox入门教程（含源码、笔记）

⼀、简介

https://www.mapbox.com/

1、概述

Mapbox 是⼀个可以创建各种⾃定义地图的⽹站，如 Pinterest、Evernote、Github、500px 等⼤牌都使⽤ Mapbox 创建⾃⼰的地图，Mapbox 宣称要构建世界上最漂亮的地图。已为 Foursquare、Pinterest、Evernote、⾦融时报、天⽓频道、优步科技 等公司的⽹站提供了订制在线地图服务。

Mapbox 针对不同平台均开发了相应的 GIS 引擎以满⾜开发者或相关⽤户的需要，如：iOS SDK（⽤于iOS端开发）、Android SDK（⽤于Andriod端开发）、Navigation SDK（⽤于Navigation端开发）、Unity SDK（⽤于Unity端开发）、GL JS（⽤于web端开发）。不同平台的SDK，除使⽤⽅式不同外，功能特性上也多多少少存在不同。此外，Uber还针对react开发了 react-map-gl。

总的来说，Mapbox的开源技术栈是⾮常全⾯的。

2、特点

 Mapbox 地图有4个特点：全、炫、快、美

全：

Mapbox 有⻓达8年的地图数据积累和专业的测绘团队，它是 OSM 最⼤的贡献者。

地图数据覆盖全球，并提供全球多语⾔地图，包括中⽂。

这给国内出海企业提供了很⼤便利，不⽤去各国找不同的地图数据提供商。

炫：

Mapbox 将在游戏开发中使⽤的OpenGL染技术⽤到了地图渲染，

精确控制到每个像素，从⽽可以提供最⽣动的地图相关数据可视化⼯具。

快：

Mapbox ⽀持使⽤⽮量地图切片，同样的地图消耗的流量只需要传统技术的1/3左右，还能对切⽚⽆限分割，⽀持更灵活的设计；多层合并，更进⼀步节省流量。

美：

由于CTO是美国顶尖院校的设计专业毕业（王⼒宏校友），在成为⼯程师之前有过⼀段设计经历，我们的地图都做的很精美，从来没有哪个地图公司这么花⼼思在「如何把地图做的更漂亮上」。这还不够，他们还研发了 Map Studio ，让其它公司也能自助设计地图，做品牌专属地图。

二、mapbox在中地产品的位置

三、课程目录

课程名称：Mapbox入门教程

1、起步

2、初始化地球

3、漫游flyTo

4、不同的layer-style

5、地形数据加载

6、地球⾃动旋转

7、Map点击事件控制地球旋转

8、沙盘-白天&黑夜切换

9、控件

免费分享内容：

课程视频：

学习代码：

如何获取mapbox入门课程？

后台戳我发送“mapbox入门教程”

想短期进入GIS开发行业？

如果想系统学习GIS开发，可以通过短期职业培训进入这个行业。

在新中地，我们每期开班都会有免费试听名额！

所有对GIS开发行业感兴趣的学员都可以通过线上报名，来试听GIS开发特训营课程。

试听方式主要是以下三种：

1）线上直播

2）线上录播

3）来武汉新中地线下校区试听