使用百度API实现实时公交站点查询及列表显示
2017-09-07 10:35
459 查看
需求:当外部输入公交站点名称,点击查询按钮的时候,会在div上显示所有包含此公交站点的公交线路号的列表,点击列表中的项,会绘制出其线路列表。
实现:
第一步:生成经过此公交站点的所有线路列表
第二步:列表项点击事件
第三步:列表项点击显示具体的线路信息
与公交地图_按站点查询相同
参考:使用百度API实现实时公交线路查询及列表显示
第四步:列表项点击显示具体的线路列表的信息,包括车次,起始终点站名称,首末车事件,票价等。
第五步:列表项点击显示具体的线路列表的信息,使用idangerous.swiper.js
与公交站点_按线路查询相同
参考:使用百度API实现实时公交线路查询及列表显示
最终效果:
实现:
第一步:生成经过此公交站点的所有线路列表
第二步:列表项点击事件
第三步:列表项点击显示具体的线路信息
与公交地图_按站点查询相同
参考:使用百度API实现实时公交线路查询及列表显示
第四步:列表项点击显示具体的线路列表的信息,包括车次,起始终点站名称,首末车事件,票价等。
第五步:列表项点击显示具体的线路列表的信息,使用idangerous.swiper.js
与公交站点_按线路查询相同
参考:使用百度API实现实时公交线路查询及列表显示
最终效果:
相关文章推荐
- 使用百度API实现实时公交站点查询及地图显示
- 使用百度API实现实时公交线路查询及列表显示
- 使用百度API实现实时公交线路查询及地图显示
- Android中使用百度API定位,并实现手势操作(显示最后点击地图的位置)
- 百度api实现公交驾车查询
- [转][SharePoint Designer技巧-1]使用DataView与Form Web Part实现列表的关键字查询
- 使用DataView与Form Web Part实现列表的关键字查询
- java web中使用过滤器实现数据查询的分页显示
- 使用虚列表和自画实现文件夹的缩略图显示
- SharePoint Designer技巧-1]使用DataView与Form Web Part实现列表的关键字查询
- Android应用中使用ListView实现数据列表显示(传智播客视频笔记)
- 使用虚列表和自画实现文件夹缩略图的显示
- 【数学建模集训系列】公交查询系统的matlab实现-公交站点和线路对应矩阵
- 使用虚列表和自画实现文件夹的缩略图显示
- 查询数据库的数据,是个比较费时的工作,在使用线程查询的时候显示个进度条,并允许终止查询的实现
- 使用google geocode api获取地址列表 中文显示问题
- ASP.NET网站权限设计实现(三)——套用JQuery EasyUI列表显示数据、分页、查询
- [SharePoint Designer技巧-1]使用DataView与Form Web Part实现列表的关键字查询--转载
- 使用Uploadify实现上传图片生成缩略图例子,实时显示进度条
- sharepoint之-使用DataView与Form Web Part实现列表的关键字查询