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: [
[
[