基于WebGIS的城市公交換乘系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

劉波+李佳

摘要：本文采用百度地圖API接口、JavaScript、HTML技術(shù)、B/S架構(gòu)設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)城市公交換乘查詢(xún)系統(tǒng)。系統(tǒng)首先考慮了公交運(yùn)營(yíng)的實(shí)際情況和不同公交乘客的實(shí)際要求及實(shí)際交通路況等信息，然后設(shè)計(jì)了系統(tǒng)的具體二大功能——查詢(xún)模塊（站點(diǎn)查詢(xún)、線(xiàn)路查詢(xún)、換乘查詢(xún)）和嵌套應(yīng)用查詢(xún)（景點(diǎn)、醫(yī)院、銀行、酒店等），最后實(shí)現(xiàn)了系統(tǒng)設(shè)計(jì)的功能。

關(guān)鍵詞：公交換乘；百度地圖API；JavaScript；ASP.NET；B/S結(jié)構(gòu)

中圖分類(lèi)號(hào)：P208 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9416（2017）01-0166-02

1 引言

隨著私家車(chē)的快速增長(zhǎng)，城市擁堵問(wèn)題變得越來(lái)越嚴(yán)重，越來(lái)越多人出行選擇乘坐公共交通，尤其是對(duì)于那些剛到外地求學(xué)、出差、旅游等初次來(lái)到陌生城市需要在異地做短暫停留的人而言，公共交通是他們出行是必不可少的交通工具。但是如何獲取乘坐公共交通信息是一個(gè)很大的問(wèn)題，經(jīng)常會(huì)有人因?yàn)樾畔@取不準(zhǔn)確出現(xiàn)坐反或者坐錯(cuò)公交的情況。因此設(shè)計(jì)并開(kāi)發(fā)一個(gè)城市公交換乘查詢(xún)系統(tǒng)顯得十分有必要[1]。

本文城市公交換乘查詢(xún)系統(tǒng)的核心是對(duì)兩個(gè)站點(diǎn)之間公交線(xiàn)路換乘的查詢(xún)，或者直接輸入所要查詢(xún)的車(chē)站名和線(xiàn)路，點(diǎn)擊“查詢(xún)”按鈕，就可以快速查詢(xún)到含有該站點(diǎn)的車(chē)次及所查詢(xún)線(xiàn)路的包括的所有站點(diǎn)及到達(dá)兩站點(diǎn)之間的不同換乘方式。系統(tǒng)既提供“精確查詢(xún)”也可提供“模糊查詢(xún)”，“模糊查詢(xún)”主要針對(duì)站名不是很清楚的人提供的，可以幫助他們快速的查詢(xún)出結(jié)果。

2 系統(tǒng)總體設(shè)計(jì)及開(kāi)發(fā)環(huán)境

本次城市公交換乘系統(tǒng)設(shè)計(jì)主要功能包括公交查詢(xún)（站點(diǎn)查詢(xún)、線(xiàn)路查詢(xún)、換乘查詢(xún)）以及嵌套應(yīng)用（景點(diǎn)、酒店、餐館、銀行、醫(yī)院）二大塊，具體設(shè)計(jì)如圖1所示。

采用B/S（Browser/Server）架構(gòu)，利用前端JavaScript、div布局、CSS控制、百度地圖javaScript、API以及第三方j(luò)avaScript類(lèi)庫(kù)jquery、jquery-easyui組件庫(kù)等技術(shù)進(jìn)行開(kāi)發(fā)設(shè)計(jì)。系統(tǒng)開(kāi)發(fā)是在Visual Studio2010平臺(tái)下基于c#的web網(wǎng)頁(yè)程序開(kāi)發(fā)、用中的div、CSS等技術(shù)對(duì)網(wǎng)頁(yè)進(jìn)行布局和控制、百度地圖API JavaScript接口調(diào)用、IIS網(wǎng)頁(yè)布局等環(huán)境下進(jìn)行開(kāi)發(fā)，運(yùn)用c#語(yǔ)言和HTML技術(shù)設(shè)計(jì)實(shí)現(xiàn)公交換乘查詢(xún)，并在IIS上發(fā)布運(yùn)行[2-3]。系統(tǒng)開(kāi)發(fā)環(huán)境結(jié)構(gòu)如圖2所示。

3 系統(tǒng)的實(shí)現(xiàn)

3.1 系統(tǒng)界面布局

系統(tǒng)頁(yè)面上欄為系統(tǒng)名稱(chēng)欄及功能切換欄，包含：首頁(yè)、公交站點(diǎn)查詢(xún)、公交線(xiàn)路查詢(xún)、公交換乘查詢(xún)、以及嵌套應(yīng)用查詢(xún)按鈕。左側(cè)為各種查詢(xún)的展示面板。右側(cè)為圖片顯示區(qū)，中間為地圖展示區(qū)域，地圖中默認(rèn)顯示矢量地圖，還可以疊加影像地圖，以及疊加路況信息矢量圖。如圖3。

3.2 系統(tǒng)查詢(xún)模塊

系統(tǒng)查詢(xún)分為：公交站點(diǎn)查詢(xún)、公交線(xiàn)路查詢(xún)、公交換乘查詢(xún)。只需在系統(tǒng)功能區(qū)內(nèi)點(diǎn)擊相應(yīng)功能的查詢(xún)按鈕就會(huì)在左下側(cè)顯示區(qū)域內(nèi)呈現(xiàn)查詢(xún)結(jié)果。以公交換乘查詢(xún)?yōu)槔瑢⒅黜?yè)面板左側(cè)面板切換到公交換乘查詢(xún)面板，輸入起點(diǎn)位置和終點(diǎn)位置，點(diǎn)擊查詢(xún)按鈕，即可顯示不同的換乘方案——換乘次數(shù)最少、步行最少、不乘地鐵，例如從北京西站到天安門(mén)，在乘次數(shù)最少條件下?lián)Q乘結(jié)果如圖4所示。

3.3 嵌入查詢(xún)模塊

在系統(tǒng)功能區(qū)點(diǎn)擊“嵌套應(yīng)用”按鈕時(shí)，左側(cè)面板切換到嵌套應(yīng)用展示面板，包括景點(diǎn)，醫(yī)院，銀行等等，點(diǎn)擊查詢(xún)按鈕，即可查詢(xún)視圖內(nèi)各種類(lèi)別的信息，如圖5所示。

除此之外，系統(tǒng)可以實(shí)現(xiàn)在地圖中選擇顯示矢量地圖和影像地圖，以及矢量+影像混合地圖；實(shí)現(xiàn)公交換乘查詢(xún)的同時(shí)顯示該城市的實(shí)時(shí)路況信息以便人們選擇更合理的乘車(chē)路線(xiàn)節(jié)約時(shí)間提高辦事效率。

4 結(jié)語(yǔ)

本系統(tǒng)借助ASP.NET、B/S結(jié)構(gòu)、IIS、HTML等技術(shù)獲取城市公交信息對(duì)公交換乘系統(tǒng)進(jìn)行設(shè)計(jì)，實(shí)現(xiàn)了城市公交信息的可視化及公交查詢(xún)（站點(diǎn)查詢(xún)、線(xiàn)路查詢(xún)、換乘查詢(xún)）和應(yīng)用查詢(xún)（景點(diǎn)、醫(yī)院、銀行、酒店等），同時(shí)也有助于公交信息的數(shù)據(jù)的管理，給人們出現(xiàn)帶來(lái)方便提高辦事效率。后續(xù)還需繼續(xù)深入加強(qiáng)系統(tǒng)功能。

參考文獻(xiàn)

[1]盧光云.城市公交查詢(xún)系統(tǒng)的研究與設(shè)計(jì)[J].電子技術(shù)與軟件工程，2013（23）：95-95.

[2]朱曄.ASP.NET 第一步——基于C#和ASP.NET2.0.北京：清華大學(xué)出版社，.2007-7-1.P.301-310.

[3]朱印宏，熊利榮. Dreamweaver 8完美網(wǎng)頁(yè)設(shè)計(jì)——ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)篇.北京：中國(guó)電力出版社，2006-10-1.P.63-72.