一、 背景
故事开始都有交代起因，我们当然也要介绍下为什么要来看这个图表。为什么呢？还不是因为这个图表对于我们初学者看来好酷啊，我也想自己的城市也有这样的效果。但总有初学者没看懂配置项内容，所以来开这个帖子来思考思考。博主水平一般，如果有不好的地方，欢迎批评指正。
北京公交路线路径图的示例地址：https://echarts.baidu.com/examples/editor.html?c=lines-bmap-effect
效果呢，这样子（虫子恐惧症可以快速滚动鼠标）
附加官网的5分钟入门和配置项说明，如果还没入门的可以看完再来。
5分钟入门：https://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts
配置项说明：https://www.echartsjs.com/option.html#title
二、正文
接下来我们来看正式的配置了，其实看懂了echarts配置，这个其实是融合了bmap 和百度地图做的一个路线图。所以明白了这个，第一步肯定有个百度地图的AK，申请这里就不废话了。不懂的朋友要去脑补了。
一开始就是一个 lines-bus.json 的请求，可别小看了这个数据，这个才是我们最关键的地方。粘贴地址栏看请求的json的内容（https://www.echartsjs.com/data/asset/data/lines-bus.json），发现是一个数组。一开始我也看的蒙的，通过后面的map 计算才发现这是计算经纬度后的简写。比如这个 [1164383,401471,-11,-13,1,-49] 定义了一开始的位置是 1164383,401471，后面每2个一组，然后与开始的数字相加，相减。如 1164383 -11，401471-13，最后除以1e4（10的四次方）看到最后的结果 116,4383, 40,1471 我们才发现这不是经纬度嘛。所以有路径经纬度的小伙伴这个都可以省了，而不用像事例那样循环数据处理得到每条线路的经纬度了。
上面说明的就是请求后的一个函数处理，后面还有一个return { coords:points，lineStyle:{} } 熟悉配置的小伙伴都知道是 定义线条颜色的。
后面的 setOption 就说几个陌生的地方， bmap 是 引用 bmap 产生的一个配置对象，center 就是 地图的中心位置，zoom 就是缩放等级，roam 是否鼠标滚轮，mapStyle 定义了一些地图元素的样式，比如 水，陆地等等。series 也没什么好介绍，我们可以对照着参考给我们的定义写。
三、结尾
本来想图文说明的，但临时有事情耽搁后发现图片，文字，还有一个事例都没了，只能简单的叙述收尾了。有空再来完善完善。