可视化篇：mapbox + echarts-gl 展示血脉交通

preface
好久没跟新，怕是这个爱好都要被繁忙的工作给消磨掉了。。
17年也快结束了，此篇应该是作为今年的结尾了，望来年分享更多有趣的东西。

---

其中：
1.echarts 用的是3.8.0, echarts-gl 用的1.0.0-beta.
2.需要mapbox的accstoken, https://www.mapbox.com/maps/ 这里注册个号，然后配置一些地图样式，进入账号有一个Access tokens，渲染地图需要这个东西。

---

话不多说，先上图，大概的效果是这样，建议参考http://gallery.echartsjs.com/editor.html?c=xBkyhntOEW ：

---

数据部分

参考echarts官网例子，数据部分的格式大概是这样：

data: [
  {ROAD_LINE: '168.386,-44.8495;168.386,-44.8464;168.386,-44.8464'},
  {ROAD_LINE: '...'},
  ...
]

当然，这并不是渲染线路时传入的格式，看官网echarts文档GL: series[i]-lines3D.data[i], （这里我做一下搬运工）：

三维飞线图的数据数组，通常数据的每一项可以是一个包含起点和终点的坐标集。在 polyline 设置为 true 时支持多于两个的坐标。 如下：

data: [
    [
        [