一、 背景
故事開始都有交代起因，我們當然也要介紹下為什么要來看這個圖表。為什么呢？還不是因為這個圖表對於我們初學者看來好酷啊，我也想自己的城市也有這樣的效果。但總有初學者沒看懂配置項內容，所以來開這個帖子來思考思考。博主水平一般，如果有不好的地方，歡迎批評指正。
北京公交路線路徑圖的示例地址：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 也沒什么好介紹，我們可以對照着參考給我們的定義寫。
三、結尾
本來想圖文說明的，但臨時有事情耽擱后發現圖片，文字，還有一個事例都沒了，只能簡單的敘述收尾了。有空再來完善完善。