用python畫一幅全北京的公交線路動圖

Crossin的編程教室 2月2日

如下文章來源於python數據分析之禪 ，做者鳥哥

python數據分析之禪

專一分享python爬蟲、數據分析、自動化辦公經驗！

---

你們好，歡迎來到 Crossin的編程教室 ！

今天教你們用pyecharts製做北京市公交線路動態圖。這個可視化的效果頗有意思，以下圖所示：

接下來，咱們講下要如何實現。

1、獲取百度祕鑰

首先，本項目須要引用百度地圖api，因此須要先註冊獲取百度開放平臺祕鑰，地址爲：

http://lbsyun.baidu.com/apiconsole/key#

有帳號的直接登陸，沒帳號的先註冊一下再登陸，登陸完成後，依次點擊控制檯-應用管理-個人應用-建立應用：

訪問應用（AK）下便是咱們此次所需的祕鑰

2、整理公交車地理數據

這個公交車地理數據着實有點坑，echarts官方給的數據長這樣：

看起來好像密碼，真讓人頭大

只好硬着頭皮去研究一下官方代碼：

$.getJSON(uploadedDataURL, function(data) {
    var hStep = 300 / (data.length - 1);
    var busLines = [].concat.apply([], data.map(function (busLine, idx) {
        var prevPt;
        var points = [];
        for (var i = 0; i < busLine.length; i += 2) {
            var pt = [busLine[i], busLine[i + 1]];
            if (i > 0) {
                pt = [
                    prevPt[0] + pt[0],
                    prevPt[1] + pt[1]
                ];
            }
            prevPt = pt;

            points.push([pt[0] / 1e4, pt[1] / 1e4]);
        }
        return {
            coords: points,
            lineStyle: {
                normal: {
                    color: echarts.color.modifyHSL('#5A94DF', Math.round(hStep * idx))
                }
            }
        }

這是一段java代碼，若是看不懂就不要看了，大體意思是把數據都除以10000，而後列表奇數位依次相加、偶數位依次相加，兩兩一組即爲各個公交站點地理座標，每一個列表表明1個線路。

用python實現以上過程，代碼以下：

import json
with open('1.json','r') as f:
    datas=json.load(f)
result=[]
for data in datas:
    data = [float(i / 10000) for i in data]
    a=[]
    for i in range(2,len(data),2):
        data[i]=data[i-2]+data[i]
        data[i+1] = data[i - 1] + data[i+1]
        a.append([data[i],data[i+1]])
    result.append(a)

感受仍是python的代碼要少一些……

3、畫圖

這裏給你們提供兩種方式

1.帶地圖背景的

BAIDU_MAP_AK = "輸入你本身的祕鑰"

c = (
    BMap(init_opts=opts.InitOpts(width="1200px", height="800px"))
    .add_schema(
        baidu_ak=BAIDU_MAP_AK,
        center=[116.40, 40.04],
        zoom=10,
        is_roam=True,
    )
    .add(
        "",
        type_="lines",
        is_polyline=True,
        data_pair=result,
        linestyle_opts=opts.LineStyleOpts(opacity=0.2, width=0.5,color='red'),
        # 若是不是最新版本的話能夠註釋下面的參數（效果差距不大）
        progressive=200,
        progressive_threshold=500,
    )
)
c.render_notebook()

2.不帶地圖背景的

BAIDU_MAP_AK = "輸入你本身的祕鑰"

c = (
    BMap(init_opts=opts.InitOpts(width="1200px", height="800px"))
    .add_schema(
        baidu_ak=BAIDU_MAP_AK,
        center=[116.40, 40.04],
        zoom=10,
        is_roam=True,
        map_style={
            "styleJson": [
                {
                    "featureType": "water",
                    "elementType": "all",
                    "stylers": {"color": "#031628"},
                },
               
           「省略部分修飾代碼」
    )
    .add(
        "",
        type_="lines",
        is_polyline=True,
        data_pair=result,
        linestyle_opts=opts.LineStyleOpts(opacity=0.2, width=0.5,color='red'),
        # 若是不是最新版本的話能夠註釋下面的參數（效果差距不大）
        progressive=200,
        progressive_threshold=500,
    )
)
c.render_notebook()

你們以爲哪種更好看呢？歡迎在評論區留言

獲取公交線路數據和完整代碼請在公衆號「Crossin的編程教室」回覆關鍵字： 公交圖 做者： 鳥哥 來源：數據分析之禪