使用百度API实现实时公交站点查询及列表显示

需求：当外部输入公交站点名称，点击查询按钮的时候，会在div上显示所有包含此公交站点的公交线路号的列表，点击列表中的项，会绘制出其线路列表。

实现：

 

第一步：生成经过此公交站点的所有线路列表

第二步：列表项点击事件

第三步：列表项点击显示具体的线路信息

与公交地图_按站点查询相同

参考：使用百度API实现实时公交线路查询及列表显示

第四步：列表项点击显示具体的线路列表的信息，包括车次，起始终点站名称，首末车事件，票价等。

第五步：列表项点击显示具体的线路列表的信息，使用idangerous.swiper.js

与公交站点_按线路查询相同

参考：使用百度API实现实时公交线路查询及列表显示

 

最终效果：

源代码参考：源代码参考：https://gitee.com/constfafa/baidumap_demo