刘波+李佳

摘要：本文采用百度地图API接口、JavaScript、HTML技术、B/S架构设计并实现了一个城市公交换乘查询系统。系统首先考虑了公交运营的实际情况和不同公交乘客的实际要求及实际交通路况等信息，然后设计了系统的具体二大功能——查询模块（站点查询、线路查询、换乘查询）和嵌套应用查询（景点、医院、银行、酒店等），最后实现了系统设计的功能。

关键词：公交换乘；百度地图API；JavaScript；ASP.NET；B/S结构

中图分类号：P208 文献标识码：A 文章编号：1007-9416（2017）01-0166-02

1 引言

随着私家车的快速增长，城市拥堵问题变得越来越严重，越来越多人出行选择乘坐公共交通，尤其是对于那些刚到外地求学、出差、旅游等初次来到陌生城市需要在异地做短暂停留的人而言，公共交通是他们出行是必不可少的交通工具。但是如何获取乘坐公共交通信息是一个很大的问题，经常会有人因为信息获取不准确出现坐反或者坐错公交的情况。因此设计并开发一个城市公交换乘查询系统显得十分有必要[1]。

本文城市公交换乘查询系统的核心是对两个站点之间公交线路换乘的查询，或者直接输入所要查询的车站名和线路，点击“查询”按钮，就可以快速查询到含有该站点的车次及所查询线路的包括的所有站点及到达两站点之间的不同换乘方式。系统既提供“精确查询”也可提供“模糊查询”，“模糊查询”主要针对站名不是很清楚的人提供的，可以帮助他们快速的查询出结果。

2 系统总体设计及开发环境

本次城市公交换乘系统设计主要功能包括公交查询（站点查询、线路查询、换乘查询）以及嵌套应用（景点、酒店、餐馆、银行、医院）二大块，具体设计如图1所示。

采用B/S（Browser/Server）架构，利用前端JavaScript、div布局、CSS控制、百度地图javaScript、API以及第三方javaScript类库jquery、jquery-easyui组件库等技术进行开发设计。系统开发是在Visual Studio2010平台下基于c#的web网页程序开发、用中的div、CSS等技术对网页进行布局和控制、百度地图API JavaScript接口调用、IIS网页布局等环境下进行开发，运用c#语言和HTML技术设计实现公交换乘查询，并在IIS上发布运行[2-3]。系统开发环境结构如图2所示。

3 系统的实现

3.1 系统界面布局

系统页面上栏为系统名称栏及功能切换栏，包含：首页、公交站点查询、公交线路查询、公交换乘查询、以及嵌套应用查询按钮。左侧为各种查询的展示面板。右侧为图片显示区，中间为地图展示区域，地图中默认显示矢量地图，还可以叠加影像地图，以及叠加路况信息矢量图。如图3。

3.2 系统查询模块

系統查询分为：公交站点查询、公交线路查询、公交换乘查询。只需在系统功能区内点击相应功能的查询按钮就会在左下侧显示区域内呈现查询结果。以公交换乘查询为例，将主页面板左侧面板切换到公交换乘查询面板，输入起点位置和终点位置，点击查询按钮，即可显示不同的换乘方案——换乘次数最少、步行最少、不乘地铁，例如从北京西站到天安门，在乘次数最少条件下换乘结果如图4所示。

3.3 嵌入查询模块

在系统功能区点击“嵌套应用”按钮时，左侧面板切换到嵌套应用展示面板，包括景点，医院，银行等等，点击查询按钮，即可查询视图内各种类别的信息，如图5所示。

除此之外，系统可以实现在地图中选择显示矢量地图和影像地图，以及矢量+影像混合地图；实现公交换乘查询的同时显示该城市的实时路况信息以便人们选择更合理的乘车路线节约时间提高办事效率。

4 结语

本系统借助ASP.NET、B/S结构、IIS、HTML等技术获取城市公交信息对公交换乘系统进行设计，实现了城市公交信息的可视化及公交查询（站点查询、线路查询、换乘查询）和应用查询（景点、医院、银行、酒店等），同时也有助于公交信息的数据的管理，给人们出现带来方便提高办事效率。后续还需继续深入加强系统功能。

参考文献

[1]卢光云.城市公交查询系统的研究与设计[J].电子技术与软件工程，2013（23）：95-95.

[2]朱晔.ASP.NET 第一步——基于C#和ASP.NET2.0.北京：清华大学出版社，.2007-7-1.P.301-310.

[3]朱印宏，熊利荣. Dreamweaver 8完美网页设计——ASP动态网页设计篇.北京：中国电力出版社，2006-10-1.P.63-72.