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

景昕蒂，王方雄

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

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

景昕蒂1，王方雄2

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

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

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

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

1 系統(tǒng)設計

1.1 系統(tǒng)總體設計

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

圖1 大連市旅游電子地圖網站總體設計圖

1.2 系統(tǒng)界面設計

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

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

1.3 數據庫設計

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

表1 square表的設計結構圖

2 功能實現

2.1 地圖瀏覽功能

通過引入51ditu地圖瀏覽接口，實現地圖的瀏覽功能。利用此功能提供的各種控件可對地圖進行漫游瀏覽。實現地圖瀏覽功能包括：標注、放大、縮小、清除、測距、打印和鷹眼功能。

2.2 地圖查詢功能

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

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

2）旅游信息內容查詢功能。本文是以城市廣場、城市公園和高等學府為主題，使用戶能夠更加便捷地找到目標的位置。下面以廣場為例，說明主題信息查詢功能的實現過程。

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

2.3 地圖分析功能

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

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

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

3結語

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

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

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

[3] 茆長榮.旅游電子地圖功能與內容的探討--以合肥為例[J].合肥學院學報,2006,16(4):86-89

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

[5] 宮輝力,趙文吉,李小娟，等.旅游地理信息系統(tǒng)--設計、開發(fā)與應用[M].北京:科學出版社,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

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

景昕蒂，碩士，主要研究方向為網絡GIS。