其他
回顾 | Mapbox 从入门到放弃 - 赵哲直播实录
商务合作请联系：apac-bd@mapbox.com
微信号：Mapbox_max
昨天直播结束后，赵哲说：“实在是太紧张了！” 😓
赵哲在 Mapbox 北京办公室直播 - 2019.4.29
是的，我们也是
毕竟这是第一次面对这么多开发者做线上直播
面对网络问题，直播平台问题，可能的技术和突发问题
我们是真的真的真的蛮紧张的
还好，结果没有比想象中糟糕
至少顺利进行了下去
有 1000+ 小伙伴来到直播间，留下了 71 条弹幕
当然，还有很多因为加班没有来得及看直播的朋友
于是我们连夜整理音视频，为大家带来这一篇实录
《Mapbox 从入门到「放弃」》
希望是你入门 Mapbox 的一个敲门砖
这篇实录主要包括下面几方面的内容：
Mapbox 的基本概念介绍，包括 Layers、Tilesets、Dataset 和 Styles 等等
Mapbox Studio 的具体实操，会详细介绍案例 —— 在北京三里屯区域添加自定义区域
下面就进入实录全文，附视频哦！扫描文末二维码关注 Mapbox，在后台回复“赵哲”可以获得 PPT。
直播（下） —— Mapbox Studio 实操👇
Bilibili 纯净版https://www.bilibili.com/video/av50919466/
直播原文如下👇
1
先来一段寒暄哈喽，大家好，我是赵哲，是一个「小前端」。
我是之前在国外的网站上发现 Mapbox 的，看到了介绍于是尝试着用一下。从它的表现效果和功能的强大上来讲，我个人对 Mapbox 是非常的喜欢。后续在我的工作当中也用到过，会有一些心得体会想要分享给大家。
这次分享，我主要是来介绍一下有关 Mapbox 的一些基本概念、原理。主要是面向有一定兴趣的朋友以及从业人员。
2
Mapbox 基本概念和实现原理我个人的理解的话：Mapbox 是一个入门门槛低，支持地图全方位定制，支持业内通用地理数据格式（GeoJSON）的地图系统。
1. 从 Photoshop 说起
在进入主题之前，我们可以先考虑一个这样一个问题：如果我们是用 Photoshop 来制作一张地图的话，我们应该如何去做呢？
假设我们现在已知一些相关的地理信息，现在要通过 Photoshop 来绘制一张全国地图，那我们正常来讲的话我们会如何去绘制呢？只是简单用手画吗？
作为制图从业人员肯定大家都会有一定的了解，重要的一个概念就是图层。
我们可以先建立几个图层，比如建立一个空白的图层。
接下来呢，我们会在这个图层当中绘制陆地和水域相关的信息。
以此类推，可以绘制一个相关的省界线和国界线的图层。
之后呢，我们可以绘制公路的图层，会是关于公路的一些相关地理信息。
那最后呢，我们可以绘制一些地点，比如北京、天津、唐山、秦皇岛等，就像下面这张图，已经从空白图层演变成丰富的地图了。
回顾一下，从最开始到现在，从空白图层 -> 陆地图层 -> 水域图层 -> 国界线图层 -> 城市信息图层，这些图层的叠放最终呈现出我们想要的效果。
2. Mapbox 如何呈现地图？
那么 Mapbox 是如何来呈现地图的呢？其实 Mapbox 与 Photoshop 的机制是非常相似的，这个主要是指的是，在绘制地图的层面上，Mapbox 也有类似于图层的概念。
我们实际上看到的 Mapbox 地图，也是由多个类似叠加展示的效果。
是不是和 PS 做地图是很类似的？怪不得，很多人会把 Mapbox Studio 称作「地图界的 Photoshop」。
3. 用 A4 纸来理解地图切片（Tileset）
已经绘制了地图，那我们如何去查看地图呢？或者说我们如何去展示地图呢？
当我们需要去查阅地图的时候呢，如果我们是将 Photoshop 绘制的全国地图打印出来的话，肯定是一张纸放不下了，我们可能就需要切割成很多份打印到不同的，打印到很多张 A4 纸上，因为整个的全国地图的话，它肯定太大了，我们查阅起来是肯定是非常不方便的，我们打印在多张 A4 纸上，你只需要把用到的 A4 纸拼起来就可以了。
在 Mapbox 中，这个原理也是想通的，但这里的 A4 纸我们会称作「地图切片」。比如北京的一个区域，实际上我们所看的这个区域是被切分成了 6 个切片，最终的地图是我们把这 6 个分别贴在一起呈现出来的。
我们可以看到上面是通过这种红线来切分的，分别是由 6 块切片拼在一起，呈现出来了我们所现在所看到的效果。
下面跟着我在 Mapbox Studio 中实际操作一下吧。
3
Mapbox Studio 实际操作我们在这里送上实操视频，赵哲会在视频中亲自演示如何在 Mapbox Studio 的基本操作，如何在地图上添加自定义数据，如何使用 Filter 改变呈现的语言。
Bilibili 纯净版https://www.bilibili.com/video/av50919466/?p=3
我们本次分享会就到这里，非常感谢大家的关注，谢谢大家。
扫描文末二维码关注 Mapbox，在后台回复“赵哲”可以获得 PPT。
👀相关阅读
👀点击关键词查看相关内容
商务合作请联系：apac-bd@mapbox.com
扫描下方二维码，回复【技术】即可加入开发者群，对接资源，一起学习成长。👇