Mapbox studio介绍及操作原理

一，Mapbox 介绍及操作原理（以古西方印刷风格为例）

最终效果如下，古代，中世纪印刷风格：

（1）http://Mapbox.com
这是一个很棒的地图制作及分享网站，用户可以使用Mapbox Studio创建一个自定义、交互式的地图，然后可以将这些自定义的地图和数据服务你自己的网站(Web)或移动应用程序(Mobile Web/Android/IOS)上。
（2）https://studio.mapbox.com
最好用的地图编辑器mapbox studio（以下简称studio），studio主要分成三部分：分别对应网址页面右上角

1. dataset 地理信息数据集
   在这部分你可以创建自己的地理信息，也可以自己上传数据，主要有三种类型
   点 - 标记地理位置（point）
   线 - 绘制路线（line）
   面 - 陆地/湖泊/海洋/建筑物（area）
   官网解释：A dataset is an editable collection of GeoJSON features.

2. Tilesets
   dataset 的信息无法直接放到地图中使用，需要放在 tilesets 将地图信息变成【地图切片】。
   

3. styles 绘制地图 【核心功能】
   和大部分的绘图软件一样，mapbox的绘图也有“图层”这一概念。先画出大地，然后画出海洋、河流、湖泊，接着画出森林…依次一层一层的叠加图层，最终变成一张地图。同样，也会有图层顺序的概念。放在最顶上的图层会将放在下面的图层遮住。
   对新建图层添加地理信息（地理信息放到了tileset中）并对这些瓦片进行修改颜色、描边、位置偏移等等属性就是上style的活儿了。

二、 数据和结构（点，线，面）
（1）受感染城市（以Oslo奥斯陆（挪威首都）为例）
类型 City
名字 Oslo
沿海 True
受灾等级 1
传染方向 Bergen,Gothenburg
… …

（2）海洋航线（以London到Osol为例子）
类型 Maritime
始点 London
终点 Osol
… …

（3）感染板块（以1346年感染板块为例子
年份 1346
… …

new一个datasets，根据需要在上边编辑地理信息，如下图：

创建完datasets后，将dataset转成tilesets，如下图，此tile命名为new：

创建完tiles后就可以在style中对其进行样式的操作了：
可以先从官方模版选择，或者从一张空白地图开始，我这里从空白地图开始，点击新建图层，并选择Source：

此处选择我们刚刚在tilesets新建的new，地图上就会出现样式可编辑的点了，数据中的线（line）和面（area）与之类似：

将全部元素加入并进行样式编辑后效果如图：

至此我们已经在mapbox studio中编辑出了我们需要的地图样式，接下来我们尝试在前端调出我们编辑的地图。而在此之前，我们需要先了解一个JavaScript库，这是我们在web端操作地图所需要的工具。