需求：當外部輸入公交站點名稱，點選查詢按鈕的時候，會在div上顯示所有包含此公交站點的公交線路號的列表，點選列表中的項，會在百度地圖上繪製出其線路。

實現：

第一步：生成經過此公交站點的所有線路列表

使用的百度API：服務類中LocalSearch類，用於進行位置搜尋、周邊搜尋和範圍搜尋。其提供search方法，返回LocalResult給回撥函式onSearchComplete。

查詢

document.getElementById('query').onclick = function () {
        map.clearOverlays();
        keyword01 = document.getElementById('keyword01').value + "公交車站";
        window.localStorage.setItem('keyword01', keyword01);
        new BMap.LocalSearch("杭州", {
            onSearchComplete: searchComplete
        }).search(keyword01);

        $("#keyword01").val("");
    };
 

LocalResult提供getCurrentNumPois()方法，返回當前頁的結果數，由於我們添加了公交車站keyword，所以應該（？）在第一頁就能找到此公交車站。getPoi(i)方法，返回LocalResultPoi物件，表示位置檢索的一個結果點。

LocalResultPoi物件的屬性type為列舉型別poiType，表示地點的型別，限制其為公交車站

function searchComplete(result) {
    var html = [];
    for (var i = 0; i < result.getCurrentNumPois(); i++) {
        var poi = result.getPoi(i);
        if (poi.type == BMAP_POI_TYPE_BUSSTOP) {
            var busNames = poi.address.split(';');
            for (i = 0; i < busNames.length; i++) {
                //獲得了所有的busName 把它寫到div中
                html.push('<li><a href="javascript:void(0)" onclick="subgo(\'' + busNames[i] + '\')">' +
                    busNames[i] +
                    '</a></li>');
            }
        } else {

        }
    }
    var l_result = document.getElementById("l-result");
    l_result.innerHTML = '<ul>' + html.join('') + '</ul>';
}
 

第二步：列表項點選事件

點選

function subgo(itemNo) {
    busNo01 = itemNo;
    window.localStorage.setItem("busNo01", busNo01);
    busutil.getBusList(busNo01);
}

第三步：列表項點選顯示具體的線路資訊

服務類中BusLineSearch類是公交線路搜尋類。構造其物件，呼叫其getBusList方法，由於busName已經是很詳細的線路名，所以在其回撥函式onGetBusListComplete中使用getBusLine(buslist.getBusListItem(curItemNo)只需要0和1

busutil = new BMap.BusLineSearch(map, {
        renderOptions: {panel: "itemResult"},
        onGetBusListComplete: function (buslist) {
            //考慮環線
            if (buslist.getBusListItem(curItemNo01) == undefined) {
                curItemNo01 = 0;
                window.localStorage.setItem('curItemNo01', curItemNo01);
            }
            busutil.getBusLine(buslist.getBusListItem(curItemNo01));
        }
    });

後面與公交地圖按線路查詢的步驟相同。參考：

實現效果：