WebGIS开发之Mapbox

⼀、简介

https://www.mapbox.com/

1、Mapbox简介

Mapbox 是⼀个可以创建各种⾃定义地图的⽹站，如 Pinterest、Evernote、Github、500px 等⼤牌都使⽤ Mapbox 创建⾃⼰的地图，Mapbox 宣称要构建世界上最漂亮的地图。

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的特点

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

全：Mapbox 有⻓达8年的地图数据积累和专业的测绘团队，它是 OSM 最⼤的贡献者。地图数据覆盖全球，并提供全球多语⾔地图，包括中⽂。这给国内出海企业提供了很⼤便利，不⽤去各国找不同的地图数据提供商。

炫：Mapbox 将在游戏开发中使⽤的OpenGL染技术⽤到了地图渲染，精确控制到每个像素，从⽽可以提供最⽣动的地图相关数据可视化⼯具。

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

美：

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

三、Mapbox教程分享

从零基础入门讲授了Mapbox平台的开发和应用实例，适合零基础入门学GIS开发，WebGIS开发，三维GIS开发的学员学习。

本套课程提供案例源码和课程笔记。

课程内容：

01.基于Mapbox初始化地图

02.基于Mapbox显示高德地图

03.Mapbox展示相机

04.Mapbox展示水平角

05.Mapbox展示沙盘

07.基于Mapbox&L7的数据可视化

08.Mapbox展示加载深圳市数据

09.Mapbox展示漫游

10.Mapbox展示底图切换

11.Mapbox展示地形数据加载

12.Mapbox展示地图旋转

13.Mapbox展示easeTo

14.Mapbox展示点击事件控制

15.Mapbox展示沙盘

16.Mapbox展示控件

17.Mapbox的基础模板

⼀、简介

https://www.mapbox.com/

1、Mapbox简介

Mapbox 是⼀个可以创建各种⾃定义地图的⽹站，如 Pinterest、Evernote、Github、500px 等⼤牌都使⽤ Mapbox 创建⾃⼰的地图，Mapbox 宣称要构建世界上最漂亮的地图。

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的特点

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

全：Mapbox 有⻓达8年的地图数据积累和专业的测绘团队，它是 OSM 最⼤的贡献者。地图数据覆盖全球，并提供全球多语⾔地图，包括中⽂。这给国内出海企业提供了很⼤便利，不⽤去各国找不同的地图数据提供商。

炫：Mapbox 将在游戏开发中使⽤的OpenGL染技术⽤到了地图渲染，精确控制到每个像素，从⽽可以提供最⽣动的地图相关数据可视化⼯具。

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

美：

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

三、Mapbox教程分享

从零基础入门讲授了Mapbox平台的开发和应用实例，适合零基础入门学GIS开发，WebGIS开发，三维GIS开发的学员学习。

本套课程提供案例源码和课程笔记。

课程内容：

01.基于Mapbox初始化地图

02.基于Mapbox显示高德地图

03.Mapbox展示相机

04.Mapbox展示水平角

05.Mapbox展示沙盘

07.基于Mapbox&L7的数据可视化

08.Mapbox展示加载深圳市数据

09.Mapbox展示漫游

10.Mapbox展示底图切换

11.Mapbox展示地形数据加载

12.Mapbox展示地图旋转

13.Mapbox展示easeTo

14.Mapbox展示点击事件控制

15.Mapbox展示沙盘

16.Mapbox展示控件

17.Mapbox的基础模板

四、视频链接：

WebGIS开发工程师高薪秘籍：Mapbox第一课开发环境

领取完整版二三维WebGIS开发课程​