1. 程式人生 > >使用百度API實現實時公交站點查詢及列表顯示

使用百度API實現實時公交站點查詢及列表顯示

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

實現:

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

第二步:列表項點選事件

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

與公交地圖_按站點查詢相同

第四步:列表項點選顯示具體的線路列表的資訊,包括車次,起始終點站名稱,首末車事件,票價等。

第五步:列表項點選顯示具體的線路列表的資訊,使用idangerous.swiper.js

與公交站點_按線路查詢相同

最終效果: