張峰筠，趙 靚，馮 璠

基于電子地圖的體育場(chǎng)館及周邊賓館接待能力的可視化系統(tǒng)設(shè)計(jì)

張峰筠1，趙 靚2，馮 璠1

通過對(duì)體育場(chǎng)館設(shè)施、周邊賓館及賓館的接待能力的調(diào)查與分析，利用Google Maps API進(jìn)行基于電子地圖的體育場(chǎng)館及周邊賓館接待能力的可視化系統(tǒng)設(shè)計(jì)，在設(shè)計(jì)的系統(tǒng)中嵌入Google Maps，并在地圖上疊加自己的數(shù)據(jù)，實(shí)現(xiàn)體育場(chǎng)館及周邊賓館數(shù)據(jù)的標(biāo)注、展示、疊加及統(tǒng)計(jì)等功能。

電子地圖；體育場(chǎng)館；賓館接待；可視化

1 研究的目的與意義

電子地圖綜合應(yīng)用了數(shù)字制圖技術(shù)、地理信息技術(shù)、多媒體技術(shù)和數(shù)據(jù)庫(kù)技術(shù)，把各種媒體信息有機(jī)地聯(lián)結(jié)在一起，從根本上改變了傳統(tǒng)地圖單一的信息傳遞形式[1]，是現(xiàn)代地圖學(xué)發(fā)展方向，是數(shù)字制圖成果的主要表達(dá)形式[2]，也是地圖服務(wù)于社會(huì)經(jīng)濟(jì)的重要手段，電子地圖的可視化效果是評(píng)價(jià)電子地圖產(chǎn)品或者系統(tǒng)的一個(gè)重要方面[3]。

另一方面，體育場(chǎng)館設(shè)施建設(shè)與接待條件是體育賽事項(xiàng)目資源條件的重要組成部分，是體育賽事申辦可行性判斷的重要標(biāo)準(zhǔn)之一。鑒于目前的電子地圖大多針對(duì)商用或公共服務(wù)所設(shè)計(jì)，沒有特定為體育場(chǎng)館及其周邊賓館接待能力而開發(fā)的成熟系統(tǒng)。通過對(duì)體育場(chǎng)館設(shè)施、周邊賓館及賓館的接待能力的調(diào)查與分析，并通過可視化方法將其在電子地圖系統(tǒng)中按需求進(jìn)行查詢與顯示，可以將原先分散的數(shù)據(jù)與信息集中并直觀地進(jìn)行表達(dá)，提高系統(tǒng)的操作性，為管理者的決策提供更加科學(xué)、形象和直觀的數(shù)據(jù)和信息，從而方便進(jìn)一步對(duì)研究對(duì)象進(jìn)行定性與定量的分析與研究[4]。

2 研究方法

以上海范圍內(nèi)11家大型體育場(chǎng)館為主要研究對(duì)象，通過文獻(xiàn)資料法結(jié)合網(wǎng)絡(luò)查詢來(lái)設(shè)計(jì)體育場(chǎng)館與周邊賓館的數(shù)據(jù)結(jié)構(gòu)，并對(duì)數(shù)據(jù)進(jìn)行搜集與處理，構(gòu)建相應(yīng)數(shù)據(jù)庫(kù)，利用Google Maps API進(jìn)行基于電子地圖的體育場(chǎng)館及周邊賓館接待能力的可視化系統(tǒng)設(shè)計(jì)，在設(shè)計(jì)的系統(tǒng)中嵌入Google Maps，并在地圖上疊加自己的數(shù)據(jù)，實(shí)現(xiàn)體育場(chǎng)館及周邊賓館數(shù)據(jù)的標(biāo)注、展示、疊加及統(tǒng)計(jì)等功能[5]。

3 研究結(jié)果

3.1 研究?jī)?nèi)容

（1）通過調(diào)查獲取上海大型體育場(chǎng)館的有關(guān)信息，并構(gòu)建“上海大型體育場(chǎng)館數(shù)據(jù)庫(kù)”，以供場(chǎng)館接待可視化系統(tǒng)的開發(fā)和查詢使用。

（2）通過調(diào)查獲取上海大型體育場(chǎng)館周邊賓館接待能力及分布情況，構(gòu)建相應(yīng)數(shù)據(jù)庫(kù)。

（3）對(duì)以上調(diào)查所得上海大型體育場(chǎng)館分布情況與周邊賓館分布情況，利用Google Maps API技術(shù)在地圖上進(jìn)行標(biāo)注，得到以場(chǎng)館為中心的包括周邊賓館的位置分布圖。

（4）對(duì)不同信息對(duì)象進(jìn)行圖層疊加，實(shí)現(xiàn)以場(chǎng)館為中心按地理半徑進(jìn)行查詢并分區(qū)顯示其周邊賓館的位置分布與接待能力。

3.2 數(shù)據(jù)的處理

運(yùn)用Google Maps API進(jìn)行體育場(chǎng)地的標(biāo)注，關(guān)鍵的核心技術(shù)是要將體育場(chǎng)地進(jìn)行空間化，即找到各體育場(chǎng)地在地球上的具體位置，用經(jīng)緯度來(lái)標(biāo)記，因此，需對(duì)每條記錄進(jìn)行經(jīng)緯度查詢。3.3 功能分析與實(shí)現(xiàn)

3.3.1 功能描述

（1）分區(qū)選擇體育場(chǎng)館

在系統(tǒng)中體育場(chǎng)館的選擇分兩步：①選擇區(qū)域；②選擇區(qū)域中的體育場(chǎng)館，如圖1。

圖1 體育場(chǎng)館的選擇Figure 1 Selection of Sports Facilities

本系統(tǒng)初定上海范圍內(nèi)體育場(chǎng)館11家，分布于楊浦區(qū)、虹口區(qū)、長(zhǎng)寧區(qū)、寶山區(qū)、盧灣區(qū)、徐匯區(qū)、嘉定區(qū)、閔行區(qū)和浦東新區(qū)。

（2）按條件篩選體育場(chǎng)館周邊的賓館

本系統(tǒng)可按“賓館星級(jí)”與“周邊范圍”2個(gè)條件選擇體育場(chǎng)館周邊的賓館，如圖2。

如圖2所示，“賓館星級(jí)”分為3星、4星和5星，可以多選；周邊范圍分為3 km、5 km和10 km，即可選擇體育場(chǎng)館周邊3 km（5 km、10 km）內(nèi)的3星級(jí)（4星級(jí)、5星級(jí)）賓館，篩選結(jié)果如圖3。

如圖3所示，篩選結(jié)果以列表的形式、距離由近到遠(yuǎn)展現(xiàn)，每一行顯示了2條賓館信息，即賓館名稱和賓館級(jí)別。

（3）體育場(chǎng)館及賓館的地圖可視化

a.體育場(chǎng)館的地圖可視化，如圖4。

圖4 體育場(chǎng)館地圖可視化Figure 4 Visualization of the Maps of Sports Facilities

如圖4所示，按區(qū)域選擇體育場(chǎng)館后，選擇的體育場(chǎng)館便可在地圖中標(biāo)注顯示 ，單擊地圖中圖標(biāo)，便可顯示場(chǎng)館的基本信息、場(chǎng)地信息和周邊交通信息。

b.周邊賓館的地圖可視化，如圖5。

按條件選擇體育場(chǎng)館周邊賓館后，篩選出的賓館可按位置在地圖中標(biāo)注顯示

如圖5所示，由大到小的3個(gè)同心圓分別表示的是體育場(chǎng)館周邊范圍的10 km、5 km和3 km；園內(nèi)的小圖標(biāo)有3類：紅色小圖標(biāo)代表的是5星級(jí)的賓館、黃色小圖標(biāo)代表的是4星級(jí)的賓館、綠色小圖標(biāo)代表的是3星級(jí)的賓館。

（4）統(tǒng)計(jì)分析

如圖6所示，統(tǒng)計(jì)分析中顯示的是選定體育場(chǎng)館周邊10km（5 km、3 km）范圍內(nèi)3星級(jí)（4星級(jí)、5星級(jí)）賓館的數(shù)目和房間總數(shù)。

3.3.2 實(shí)現(xiàn)方法

（1）數(shù)據(jù)庫(kù)結(jié)構(gòu)

本系統(tǒng)數(shù)據(jù)庫(kù)創(chuàng)建有2張表，分別是場(chǎng)館信息表（表1）和賓館信息表（表2）。

表1 場(chǎng)館信息（cgxx）表結(jié)構(gòu)Table Ⅰ Information (cgxx) Table Composition of Sports Facilities

表2 賓館信息（bgxx）表結(jié)構(gòu)Table Ⅱ Information (bgxx) Table Composition of Hotels

（2）地圖可視化的實(shí)現(xiàn)①Google Maps API 簡(jiǎn)介

Google Maps API 是一種通過JavaScript將Google地圖嵌入到網(wǎng)頁(yè)的API，現(xiàn)有多個(gè)版本，本系統(tǒng)用的是Google Maps API V2，使用之前需要申請(qǐng)一個(gè)Google MAP API的key。

②頁(yè)面布局分析

在本系統(tǒng)中，頁(yè)面使用的是div布局：a.用于裝載查詢條件的div：

b.用于裝載體育場(chǎng)館查詢結(jié)果的div：

c.用于裝載賓館查詢結(jié)果的div：

d.用于裝載google地圖的div：

利用document.getElementById(“.”) 可得到需要的div對(duì)象，有value和length等屬性，例如，要想定位到地圖

div，則代碼為document.getElementById('map_canvas')。

③地圖的載入

a.加載Google地圖API：

b. 加載地圖

④體育場(chǎng)館、賓館的標(biāo)注

a.創(chuàng)建自定義圖標(biāo)

b.創(chuàng)建標(biāo)記和信息窗口

⑤側(cè)邊欄的實(shí)現(xiàn)

（3）體育場(chǎng)館的選擇

“分區(qū)選擇體育場(chǎng)館”的實(shí)現(xiàn)是一個(gè)二級(jí)聯(lián)動(dòng)下拉框，即根據(jù)區(qū)域的選擇動(dòng)態(tài)賦予體育場(chǎng)館下拉框的值。

（4）按條件篩選賓館

a.周邊范圍（距離）的計(jì)算使用的公式

b.sql語(yǔ)句

[1]蘇仰娜.基于Flash+XML的多媒體電子教學(xué)地圖的設(shè)計(jì)[J].中國(guó)電化教育,2011,3(1):127.

[2]田景漢，尹振君.基于多媒體電子地圖系統(tǒng)的實(shí)驗(yàn)室管理與教學(xué)[J].實(shí)驗(yàn)室科學(xué),2011,14(2):146.

[3]張躍，謝超.電子地圖可視化質(zhì)量因素研究與實(shí)踐[J].測(cè)繪科學(xué),2011,2(4):146.

[4]趙靚.對(duì)上海市楊浦區(qū)體育場(chǎng)地信息平臺(tái)及其空間分布的研究[D].上海：上海體育學(xué)院，2011.

[5]劉增寶.GIS 的空間關(guān)系表達(dá)及計(jì)算研究綜述[J].電腦知識(shí)與技術(shù),2009,5(2):462.

(責(zé)任編輯：陳建萍)

Design of a Visual System of Sports Facilities and Reception Capacity of the Surrounding Hotels Based on Electronic Map

ZHANG Feng-yun, ZHAO Jing, FENG Fan
(Shanghai University of Sport Events Research Center, Shanghai 200438, China)

Through the survey and analysis of the sports facilities and the surrounding hotels and hotel reception capacity, the author, using Google Maps API, designed a visual system of sports facilities and the surrounding hotel reception capacity based on electronic map. Google Maps were inserted into the system. New data were added to the Map so as to realize the functions of data tagging, display, addition and statistics of sports facilities and the reception capacity of the surrounding hotels.

electronic map; sports facilities; hotel reception; visualization

G80-05

A

1006-1207(2012)03-0067-03

2012-03-29

上海市科委科研項(xiàng)目（09490503200）

張峰筠，女，講師。主要研究方向：體育信息管理.

1.上海體育學(xué)院 賽事研究中心，上海 200438；2. 上海威途體育咨詢有限公司，上海 200438