景昕蒂，王方雄

（1.遼寧師范大學(xué)自然地理與空間信息科學(xué)遼寧省重點(diǎn)實(shí)驗(yàn)室，遼寧大連 116029；2.遼寧師范大學(xué)城市與環(huán)境學(xué)院，遼寧大連 116029）

大連市旅游電子地圖的設(shè)計(jì)與開發(fā)

景昕蒂1，王方雄2

（1.遼寧師范大學(xué)自然地理與空間信息科學(xué)遼寧省重點(diǎn)實(shí)驗(yàn)室，遼寧大連 116029；2.遼寧師范大學(xué)城市與環(huán)境學(xué)院，遼寧大連 116029）

電子地圖公共接口51ditu API設(shè)計(jì)并開發(fā)了大連市旅游電子地圖,實(shí)現(xiàn)了地圖瀏覽、旅游信息查詢和旅游信息內(nèi)容等基本功能，以及周邊查詢和路線導(dǎo)航等地理分析功能。旅游電子地圖使游客能夠方便快捷地獲取旅游目的地的近期旅游動(dòng)態(tài)信息，從而合理安排旅游計(jì)劃。

電子地圖；51ditu API；JavaScript；大連市

隨著社會(huì)經(jīng)濟(jì)的發(fā)展和人民生活水平的提高，旅游已經(jīng)成為一種消費(fèi)時(shí)尚。而大連這個(gè)依山傍海，氣候宜人的浪漫之都，越來(lái)越受到廣大游客的青睞。如何及時(shí)準(zhǔn)確，生動(dòng)形象地將旅游信息展現(xiàn)給游客就成了旅游行業(yè)迫切需要解決的問題之一。隨著計(jì)算機(jī)技術(shù)、多媒體技術(shù)、虛擬現(xiàn)實(shí)技術(shù)以及網(wǎng)絡(luò)技術(shù)的發(fā)展，地圖可視化的表達(dá)方式和手段更加豐富，而且還具有高度交互動(dòng)態(tài)顯示的能力，形成了數(shù)據(jù)分析的虛擬實(shí)驗(yàn)平臺(tái)。目前國(guó)內(nèi)比較有代表性的二維電子地圖有北京圖為先公司開發(fā)的 Mapbar、北京靈圖公司的51ditu和谷歌公司的Google Maps。51ditu API提供了地圖接口、導(dǎo)航接口和查詢接口三大類功能接口，可以訪問在線數(shù)據(jù)庫(kù)，實(shí)現(xiàn)基本地圖操作、搜索和導(dǎo)航等功能。共有26個(gè)類，包括1個(gè)基礎(chǔ)地圖類，8個(gè)可定制控件類，5個(gè)標(biāo)注類，5個(gè)其他類，另外還有與標(biāo)注接口有關(guān)的1個(gè)類、與搜索接口有關(guān)的3個(gè)類、與導(dǎo)航接口有關(guān)的3個(gè)類。本文基于51ditu API，把各種媒體信息有機(jī)地聯(lián)結(jié)在一起，從而直觀、動(dòng)態(tài)、形象地表達(dá)空間信息，為游客獲取旅游信息提供了一個(gè)方便快捷的渠道。

1 系統(tǒng)設(shè)計(jì)

1.1 系統(tǒng)總體設(shè)計(jì)

由于大連廣場(chǎng)眾多，是旅游首選之處，所以將以廣場(chǎng)主題為主，建立大連市旅游信息基礎(chǔ)數(shù)據(jù)庫(kù)，并基于JavaScript語(yǔ)言，利用北京靈圖公司提供的電子地圖公共接口，設(shè)計(jì)并開發(fā)大連市旅游電子地圖，搭建門戶網(wǎng)站。大連市旅游電子地圖網(wǎng)站的總體設(shè)計(jì)如圖1所示。

圖1 大連市旅游電子地圖網(wǎng)站總體設(shè)計(jì)圖

1.2 系統(tǒng)界面設(shè)計(jì)

運(yùn)用可視化的網(wǎng)頁(yè)制作技術(shù)設(shè)計(jì)網(wǎng)頁(yè)布局，制作了簡(jiǎn)潔的交互式地圖平臺(tái)。界面上，框架顏色為淺黃色，色彩柔和，并能突出地圖的主題地位。地圖框位于網(wǎng)頁(yè)中部，兩側(cè)對(duì)稱布局，保證頁(yè)面布局的視覺平衡。地圖左側(cè)為工具欄，從上至下依次為放大、縮小、拖動(dòng)、標(biāo)尺、標(biāo)注、清除、打?。坏貓D上方為綜合查詢工具，從左至右依次為周邊搜索、出行路線和地圖查詢；地圖右上方為城市廣場(chǎng)、城市公園和高等學(xué)府的旅游信息內(nèi)容，用戶在其下拉框列表中以查找到自己感興趣的廣場(chǎng)、公園或大學(xué)。地圖的右下方為鷹眼顯示區(qū)，即可以反映當(dāng)前顯示的地圖在大連市的位置，并可將其隱藏。大連市旅游電子地圖的主要操作功能有：重新對(duì)中、放大、縮小、漫游、標(biāo)注、量距、清除、信息查詢、周邊信息搜索、路徑信息查詢、旅游信息內(nèi)容查詢。網(wǎng)站功能界面如圖2所示。

圖2 大連市旅游電子地圖的功能界面

1.3 數(shù)據(jù)庫(kù)設(shè)計(jì)

數(shù)據(jù)庫(kù)設(shè)計(jì)主要針對(duì)大連廣場(chǎng)、公園、大學(xué)的信息，包括文字信息、圖片信息、位置信息等進(jìn)行組織，以滿足查詢的需要。在Access環(huán)境下，建立數(shù)據(jù)庫(kù)名為db.mdb，依次在數(shù)據(jù)庫(kù)中分別建立square、park、university三個(gè)表，用以存儲(chǔ)這三個(gè)方面的信息。以廣場(chǎng)為例，表和字段的設(shè)計(jì)如表1所示。

表1 square表的設(shè)計(jì)結(jié)構(gòu)圖

2 功能實(shí)現(xiàn)

2.1 地圖瀏覽功能

通過引入51ditu地圖瀏覽接口，實(shí)現(xiàn)地圖的瀏覽功能。利用此功能提供的各種控件可對(duì)地圖進(jìn)行漫游瀏覽。實(shí)現(xiàn)地圖瀏覽功能包括：標(biāo)注、放大、縮小、清除、測(cè)距、打印和鷹眼功能。

2.2 地圖查詢功能

利用查詢功能，用戶通過輸入想要查詢的目標(biāo)名稱或關(guān)鍵字，便可以在查詢到目標(biāo)要素的相關(guān)信息。

1）地物查詢功能。在搜索框中輸入需要查詢的地物名稱便可以顯示出與其相關(guān)的目標(biāo)信息列表，用戶可以自主選擇，將地圖定位到目標(biāo)處。該功能主要利用LTLocalSearch類search方法獲取查詢信息，然后利用JavaScript操作htm l實(shí)現(xiàn)。

2）旅游信息內(nèi)容查詢功能。本文是以城市廣場(chǎng)、城市公園和高等學(xué)府為主題，使用戶能夠更加便捷地找到目標(biāo)的位置。下面以廣場(chǎng)為例，說(shuō)明主題信息查詢功能的實(shí)現(xiàn)過程。

首先利用asp讀取廣場(chǎng)數(shù)據(jù)顯示廣場(chǎng)列表；單擊列表中的廣場(chǎng)名稱，便可以直接定位到目標(biāo)位置處。利用LTMaps類的moveToCenter(point)方法，可將地圖定位到目標(biāo)位置。利用 LTInfoWindow類的 LTInfo-Window(point，offset)方法創(chuàng)建信息浮窗。具體實(shí)現(xiàn)代碼如下：

2.3 地圖分析功能

通過地圖分析功能，用戶可以單純?yōu)g覽所需要的某專題信息，而不受其他專題的干擾，如周邊搜索功能，用戶可以在輸入自己需要查看的專題進(jìn)行查詢。

1）周邊搜索。周邊搜索功能實(shí)際上是旅游電子地圖的緩沖區(qū)分析功能。通過標(biāo)記搜索點(diǎn)，選擇搜索半徑，實(shí)際上就建立了一個(gè)緩沖區(qū)，然后設(shè)置搜索主題，用戶可以在此緩沖區(qū)內(nèi)搜索到周邊地區(qū)的賓館、學(xué)校等相關(guān)信息。利用LTMarkControl類的btnClick()方法，模擬控件的按鈕被點(diǎn)擊，每運(yùn)行一次該方法，相當(dāng)于點(diǎn)擊一次控件的按鈕切換該控件的打開或關(guān)閉狀態(tài)。利用LTLocalSearch類的search(words,area,start)方法，參數(shù)words傳入主題框中的內(nèi)容，參數(shù)area傳入緩沖區(qū)范圍，以實(shí)現(xiàn)周邊搜索功能。

2）旅游出行路線查詢。旅游出行線路查詢實(shí)際上是旅游電子地圖的線路分析功能。通過標(biāo)記出發(fā)點(diǎn)和目的地的位置，單擊路徑查詢，在地圖上就會(huì)顯示出一條最優(yōu)化的路徑信息，為出行者提供參考方案。創(chuàng)建LTMarkControl類的實(shí)例，利用LTMaps類的addControl(control)方法，可將起始點(diǎn)標(biāo)注控件和目的地標(biāo)注控件添加到電子地圖中。創(chuàng)建LTNavigate類的一個(gè)實(shí)例，利用 LTNavigate類 LTNavigate(handle)方法，handle參數(shù)傳入處理搜索結(jié)果的函數(shù) run。利用LTNavigate類的setFrom (city,name,point)和setTo (city,name,point)方法可以設(shè)置導(dǎo)航的起點(diǎn)和終點(diǎn)。具體實(shí)現(xiàn)代碼如下：

3結(jié)語(yǔ)

本文通過建立大連市旅游信息基礎(chǔ)數(shù)據(jù)庫(kù)（以城市廣場(chǎng)為主題），基于JavaScript語(yǔ)言，利用北京靈圖公司提供的電子地圖公共接口（51ditu API）設(shè)計(jì)并開發(fā)大連市旅游電子地圖，搭建門戶網(wǎng)站?？偨Y(jié)如下：①介紹了51dituAPI地圖接口、導(dǎo)航接口和查詢接口，將大連市旅游電子地圖網(wǎng)站分成地圖瀏覽、旅游信息查詢和旅游信息內(nèi)容三個(gè)模塊，并將大連城市廣場(chǎng)、城市公園和高等學(xué)府三個(gè)方面的數(shù)據(jù)信息組織到 Access數(shù)據(jù)庫(kù)中。②在對(duì)大連市電子旅游地圖進(jìn)行界面設(shè)計(jì)的基礎(chǔ)上，通過51ditu公共接口，訪問在線電子地圖服務(wù)器數(shù)據(jù)，實(shí)現(xiàn)了大連旅游電子地圖瀏覽、標(biāo)注、放大、縮小、清除、打印、鷹眼等功能，實(shí)現(xiàn)了地物查詢功能、主題信息查詢功能、周邊搜索、出行路線查詢功能，并給出部分程序代碼和系統(tǒng)運(yùn)行界面。

[1] API.51DITU.COM開發(fā)者文檔[EB/OL].http://api.51ditu.com/ docs/index.htm l,2008-04-02

[2] 屈維,陶世勝.旅游業(yè)網(wǎng)上電子地圖導(dǎo)游系統(tǒng)框架構(gòu)想[J].地圖,2000,02:5-7

[3] 茆長(zhǎng)榮.旅游電子地圖功能與內(nèi)容的探討--以合肥為例[J].合肥學(xué)院學(xué)報(bào),2006,16(4):86-89

[4] Jeremy Keith.JavaScriptDOM編程藝術(shù)[M].北京:人民郵電出版社,2007

[5] 宮輝力,趙文吉,李小娟，等.旅游地理信息系統(tǒng)--設(shè)計(jì)、開發(fā)與應(yīng)用[M].北京:科學(xué)出版社,2005

Design and Development of Dalian Tour Electronic M ap

by Jing Xindi

Through 51 ditu API provided by LINGTU Corporation,we designed and deve loped Dalian tour electronic map.It had realized som e basic functions,including m ap browsing,tour in formation inquiry and some information on tours.And it had realized peripheral search and navigation.Tourists could get the dynamic information of the p lace,and they could rationally make their travel plans.

electronic map,51 ditu API,JavaScript,Dalian （Page:128）

P295

B

1672-4623(2010)06-0128-03

2010-06-12

項(xiàng)目來(lái)源：遼寧省教育廳創(chuàng)新團(tuán)隊(duì)資助項(xiàng)目（WT2010031）；教育部人文社科重點(diǎn)研究基地資助項(xiàng)目（08JJD790142）。

景昕蒂，碩士，主要研究方向?yàn)榫W(wǎng)絡(luò)GIS。