戴淵錚

（大同大學(xué)，山西 大同 037009）

網(wǎng)絡(luò)電子地圖是一種新興的地圖，它綜合運(yùn)用了數(shù)字制圖、地理信息、多媒體等技術(shù)，把各種媒體信息有機(jī)地聯(lián)接在一起，相對(duì)于傳統(tǒng)地圖，它具有適應(yīng)性強(qiáng)、實(shí)時(shí)性好、查詢方便、維護(hù)簡(jiǎn)單、形式多樣的特點(diǎn)和優(yōu)點(diǎn)[1]。Flash是當(dāng)今國(guó)際流行的動(dòng)畫制作軟件，它在制作或播放矢量圖形和動(dòng)畫素材，以及在放大和縮小的操作中沒有失真。同時(shí)一些瀏覽器自帶Flash播放器，用戶無需安裝插件即可快速啟動(dòng)并觀看動(dòng)畫[2]。對(duì)于動(dòng)態(tài)數(shù)據(jù)要求不多的系統(tǒng)，使用Flash制作矢量化校園電子平面地圖并實(shí)現(xiàn)瀏覽、縮放等功能，可充分體現(xiàn)其優(yōu)勢(shì)。

1 用Flash制作網(wǎng)絡(luò)電子地圖的優(yōu)勢(shì)

本文利用一種新型的、易于實(shí)現(xiàn)的技術(shù)—Flash技術(shù)制作網(wǎng)絡(luò)電子地圖，它實(shí)現(xiàn)成本低，形式多樣。利用Flash技術(shù)制作的電子地圖是一種矢量化地圖，它的特點(diǎn)是：圖形數(shù)據(jù)量小、精度高、交互性好。網(wǎng)絡(luò)電子地圖的使用者可以對(duì)地圖放大、縮小、投影，還可以對(duì)其進(jìn)行瀏覽、信息查詢，此外，有鷹眼顯示，用戶可以有選擇地顯示地圖[3]。用Flash制作網(wǎng)絡(luò)電子地圖已成為網(wǎng)絡(luò)電子地圖的主要類型，這也是它通用的關(guān)鍵。這種方法最適合用在那些對(duì)動(dòng)態(tài)數(shù)據(jù)要求不多的系統(tǒng)，足以顯示它的性能優(yōu)勢(shì)。

1.1 對(duì)開發(fā)平臺(tái)的要求

人們以前所用的網(wǎng)絡(luò)電子地圖，實(shí)現(xiàn)起來通常采用的是網(wǎng)絡(luò)地理信息系統(tǒng)（Web Geographic Information System，WebGIS）技術(shù)。它需要借助GIS軟件進(jìn)行開發(fā)，開發(fā)軟件通常是龐大的且昂貴的專業(yè)開發(fā)軟件，開發(fā)的時(shí)候成本需求較高，最重要的是可維護(hù)性較差。Flash軟件容易上手，應(yīng)用較廣，以及獲得軟件的途徑便利，而且用Flash制作的網(wǎng)絡(luò)電子地圖能很好地實(shí)現(xiàn)軟件后期的維護(hù)。

1.2 對(duì)網(wǎng)絡(luò)的依賴

WebGIS技術(shù)還不是非常成熟，如果使用WebGIS技術(shù)，由于生成的地圖數(shù)據(jù)量非常大，必須有相應(yīng)的數(shù)據(jù)處理方法、數(shù)據(jù)壓縮技術(shù)和可視化工具等作為輔助，這樣將使得它的結(jié)構(gòu)變得非常復(fù)雜，同時(shí)它對(duì)網(wǎng)絡(luò)帶寬要求也很高。然而用Flash技術(shù)制作網(wǎng)絡(luò)電子地圖，對(duì)帶寬要求也比較低，不存在網(wǎng)絡(luò)速度問題，最終形成的圖形數(shù)據(jù)量小[4]。

1.3 客戶端瀏覽器

客戶端瀏覽器安裝響應(yīng)的插件是使用WebGIS平臺(tái)開發(fā)出來的電子地圖的通常要求，目前只需連接到互聯(lián)網(wǎng)的電腦就都能播放Flash圖片和動(dòng)畫，插件來源容易取得。

1.4 制作網(wǎng)絡(luò)電子地圖的效果

以前人們很難獲得滿意的電子地圖，得到的通常難以做到生動(dòng)活潑，交互功能也很有限，所以在使用GIS系統(tǒng)開發(fā)電子地圖時(shí)，開發(fā)者的目的也不是為了對(duì)地圖的精確管理。而Flash應(yīng)用其進(jìn)行開發(fā)的電子地圖生動(dòng)活潑，形式多樣，是一種制作矢量圖片和動(dòng)畫的比較專業(yè)的工具之一[5]。

2 用Flash開發(fā)電子地圖的流程

2.1 流程

地圖信息搜集與編輯—功能與界面設(shè)計(jì)—具體功能實(shí)現(xiàn)（編寫ActionScript程序）—導(dǎo)出swf文件。

2.2 底圖搜集

2.2.1 資料收集

通過問卷調(diào)查等方式收集用戶對(duì)電子地圖的功能需求，結(jié)合功能需求收集相關(guān)資料。如：收集校園教學(xué)樓、圖書館、道路的名稱及相關(guān)背景資料等，同時(shí)從不同的角度拍攝相關(guān)建筑和街道的圖片，在需要的時(shí)候錄制相關(guān)資料的視頻，將他們放到本地資料庫中。這樣不僅可以為用戶信息查詢提供資料，同時(shí)可以提供給用戶更加直觀的圖片、語音、視頻等信息，方便用戶更準(zhǔn)確快捷地了解相應(yīng)的目標(biāo)，為用戶使用該電子地圖提供更加人性化的服務(wù)[6]。

2.2.2 資料編輯

對(duì)收集到的各種資料要進(jìn)行編輯，方便后期制作電子地圖的使用。如文字的錄入、圖像的掃描、格式的轉(zhuǎn)換等，將編輯后的信息導(dǎo)入Flash中制作電子地圖。

2.3 地圖編輯

矢量化及矢量地圖的處理如下。

2.3.1 位圖文件矢量化

我們收集的圖片是靜態(tài)的位圖，這些圖片擁有豐富的色彩和深度，數(shù)據(jù)量大，但是如果分辨率不夠，得到的圖片就會(huì)失真，我們通常的做法是將位圖切換成矢量圖，得到的圖片不管放大或者縮小多少倍都不會(huì)失真。所以在Flash中首先將位圖文件進(jìn)行分塊處理，降低存儲(chǔ)量，其次再通過CorelDRAW把位圖轉(zhuǎn)矢量圖。

2.3.2 柵格地圖矢量化

在Flash中有兩種方法將柵格地圖矢量化。（1）將柵格地圖矢量化。是說把柵格地圖作為圖層背景，然后在其上面建立一個(gè)新的圖層，在新圖層上，利用Flash的繪圖功能繪制出與背景一致的矢量圖，該方法費(fèi)時(shí)，但是效果好。（2）直接利用Flash軟件自身的工具：點(diǎn)擊“修改”工具欄，找到“轉(zhuǎn)換位圖為矢量圖”，這樣就可以將位圖進(jìn)行自動(dòng)矢量化，這樣得到的矢量圖效果較差，但實(shí)現(xiàn)起來所需時(shí)間較短。

2.3.3 矢量地圖的處理

通過上面兩種方法得到的矢量地圖是相對(duì)粗糙的，不能很好地體現(xiàn)網(wǎng)絡(luò)電子地圖美觀、生動(dòng)的一面，因此，我們需要對(duì)矢量地圖作進(jìn)一步的修改。如：我們可以為不同地圖元素的添加不同的顏色，或者為特定的目標(biāo)添加特定景觀和建筑物（如圖書館、校訓(xùn)石）的實(shí)體微縮照片、添加卡通圖片等來進(jìn)行完善。

2.4 功能與界面的設(shè)計(jì)

（1）由于面對(duì)用戶的不同，設(shè)計(jì)用途的不同，電子地圖在設(shè)計(jì)方面所具有的功能也不同。一般情況下，電子地圖應(yīng)具有瀏覽、查詢、縮放、移動(dòng)等功能，且要求界面設(shè)計(jì)簡(jiǎn)潔、美觀、人性化為宜。所以根據(jù)上面的要求，可以將電子地圖分為幾大區(qū)域：地圖顯示區(qū)、按鈕區(qū)、鷹眼區(qū)、查詢區(qū)，這樣會(huì)使操作簡(jiǎn)便，用戶在短時(shí)間內(nèi)即可掌握操作方法。

（2）我們?cè)O(shè)計(jì)的電子地圖，除了實(shí)現(xiàn)上面的基本功能之外，為了體現(xiàn)人性化的一面，特別設(shè)計(jì)了鷹眼功能，這樣可以讓用戶很直觀地了解目前所在區(qū)域在整個(gè)地圖中的位置。

（3）將各功能模塊集成，實(shí)現(xiàn)電子地圖的瀏覽、查詢、移動(dòng)等各項(xiàng)功能。對(duì)與熱點(diǎn)的建筑或街道，如圖書館、逸夫樓等建筑加上超鏈接，點(diǎn)擊超鏈接可以顯示圖書館、逸夫樓的詳細(xì)介紹和圖片等說明的信息，同時(shí)還對(duì)熱點(diǎn)的目標(biāo)加上重點(diǎn)提示的信息，如閃爍、漸變等手段。

2.5 具體功能研究與實(shí)現(xiàn)

2.5.1 縮放及平移功能

打開校園網(wǎng)絡(luò)電子地圖，如果用戶關(guān)心的只是校園某一具體位置或建筑的詳細(xì)信息，這時(shí)就可以使用網(wǎng)絡(luò)電子地圖的縮放及平移功能。

首先在Flash中新建一個(gè)文檔map_mask. fla，準(zhǔn)備素材，創(chuàng)建相應(yīng)的按鈕并添加圖層，然后裝配。

a.初始化應(yīng)用程序。我們定義一個(gè)函數(shù)ini()，執(zhí)行該函數(shù)完成對(duì)應(yīng)用程序的初始化工作。

2.5.2 超鏈接

有些目標(biāo)是人們點(diǎn)擊量比較多的，將這些目標(biāo)定義為電子地圖熱點(diǎn)目標(biāo)，因此，我們給這些熱點(diǎn)目標(biāo)添加了超鏈接和虛擬動(dòng)態(tài)顯示功能。如圖書館、逸夫樓、奧宇食堂等熱點(diǎn)目標(biāo)添加了超鏈接，點(diǎn)擊超鏈接就可以顯示該目標(biāo)的詳細(xì)介紹和圖片等說明信息，同時(shí)還對(duì)這些熱點(diǎn)目標(biāo)加上重點(diǎn)提示的信息。超鏈接的具體操作：先將圖書館轉(zhuǎn)換為元件，然后通過on (release)來發(fā)送鼠標(biāo)點(diǎn)擊消息，執(zhí)行所要操作的命令。虛擬動(dòng)態(tài)顯示的具體操作：利用Flash中多媒體功能來實(shí)現(xiàn)。

2.5.3 鷹眼功能

鷹眼可以對(duì)地圖的全局進(jìn)行瀏覽和認(rèn)識(shí)。當(dāng)用戶在主窗口中瀏覽地圖時(shí)，在鷹眼窗口可以同步顯示所瀏覽區(qū)域在整個(gè)地圖中所處的位置。為了不影響地圖的顯示范圍和整個(gè)界面的美觀，需要專門設(shè)置一個(gè)鷹眼窗口，把地圖縮放到該窗口，并且可以根據(jù)用戶的需求隨機(jī)地打開和關(guān)閉鷹眼窗口[2]。

鷹眼的實(shí)現(xiàn)是利用了Flash對(duì)于元件屬性的修改功能：首先，定義一個(gè)長(zhǎng)方形轉(zhuǎn)換成元件，作為蒙皮，用來提示大地圖在所有地圖中的位置；然后，當(dāng)用戶有操作申請(qǐng)時(shí)，重新讀取顯示區(qū)域和整體地圖的關(guān)系比例，同時(shí)更新蒙皮的位置和大小，我們使用updateAfterEvent函數(shù)實(shí)現(xiàn)即時(shí)更新。

其實(shí)現(xiàn)過程為：在鷹眼窗口中放置一幅地圖作為底圖—?jiǎng)?chuàng)建一個(gè)藍(lán)色矩形—將藍(lán)色矩形轉(zhuǎn)換為影片剪輯—調(diào)整透明度。在鷹眼中，地圖只是作為參考，是不移動(dòng)的，移動(dòng)的是藍(lán)色矩形。對(duì)地圖進(jìn)行移動(dòng)、縮放等操作時(shí)，根據(jù)兩個(gè)影片剪輯的數(shù)學(xué)關(guān)系進(jìn)行聯(lián)動(dòng)操作[3]。

2.5.4 標(biāo)注

Flash電子地圖數(shù)據(jù)量大，我們要是手工操作，在地圖上按照需求創(chuàng)建地名、批注對(duì)應(yīng)目標(biāo)的內(nèi)容，可想而知它的工作量是多么巨大，因此我們利用數(shù)據(jù)部署文件來動(dòng)態(tài)輔助完成這些操作，詳細(xì)來講就是調(diào)用外部XML數(shù)據(jù)文件來進(jìn)行地名標(biāo)注的功能。另外，它在后期維護(hù)及更新上也是不容易的。

（1）創(chuàng)建用于地名標(biāo)注的XML文件。

首先要?jiǎng)?chuàng)建一個(gè)以地名為文件名的信息文件，該文件包括地點(diǎn)名稱、地點(diǎn)坐標(biāo)等基本信息，其格式為XML文件格式，內(nèi)容如下：

其中項(xiàng)為地名名稱；與項(xiàng)為地名標(biāo)注的X軸與Y軸坐標(biāo)。

（2）Flash調(diào)用代碼。

打開Flash Professional，在地圖所在層的時(shí)間軸上，錄入以下ActionScript代碼：

其中，XML文件使用相對(duì)路徑，調(diào)用地圖文件的網(wǎng)頁文件與Road.xml文件應(yīng)置于相同的路徑下，否則Flash將無法調(diào)用XML文件。

2.5.5 查詢功能

信息查詢是電子地圖必備的基本功能之一。本文主要研究的是地點(diǎn)的查詢，查詢功能是通過與調(diào)用的XML文件的數(shù)據(jù)一一比對(duì)實(shí)現(xiàn)的，具體實(shí)現(xiàn)如下[3]。

首先，用input_txt動(dòng)態(tài)文本框接收輸入的地點(diǎn)名稱，地點(diǎn)名稱存放于input_txt.text變量中；然后，input_txt.text與載入的外部文件XMLData.xml依次比較，如果兩個(gè)地名相符，取相對(duì)應(yīng)的X、Y軸坐標(biāo)值；最后，將地圖做相應(yīng)的縮放及移動(dòng)操作，在此過程中地圖將放大50倍，同時(shí)將地圖中心移動(dòng)至被查詢的地名[2]。

XMLData.xml的部分代碼如下：

在時(shí)間軸的動(dòng)作面板，輸入以下代碼：

打開“查詢”按鈕的動(dòng)作面板，輸入以下代碼：

正式發(fā)布后，查找地名，地圖將做出相應(yīng)的縮放和移動(dòng)等操作。如：輸入“行知樓”，查詢到相對(duì)應(yīng)的代碼為：“”，地圖中心移至（37 488，33 882），自動(dòng)放大50倍。

2.6 調(diào)試與發(fā)布

制作完畢后，經(jīng)反復(fù)測(cè)試，證明系統(tǒng)運(yùn)行無誤，導(dǎo)出文件。

3 結(jié)語

網(wǎng)絡(luò)電子地圖作為一種新的地圖產(chǎn)品，正悄然改變著人們使用地圖的方式。借助于文字、圖片、視頻、音頻、動(dòng)畫等信息豐富感官的多種媒體，網(wǎng)絡(luò)電子地圖正逐步發(fā)揮其作為新型地圖傳輸信息的作用。

通過Flash技術(shù)制作大同大學(xué)網(wǎng)絡(luò)電子地圖的實(shí)踐證明，在數(shù)據(jù)量較少、精確度要求不是很高的情況下，采用這種方法制作的網(wǎng)絡(luò)電子地圖色彩豐富，內(nèi)容多樣，能滿足用戶需求。由于理論知識(shí)的局限性和開發(fā)經(jīng)驗(yàn)的缺乏，其中部分功能僅作了研究而沒有完整地實(shí)現(xiàn)，有待于進(jìn)一步深入學(xué)習(xí)Flash技術(shù)和電子地圖制圖技術(shù)，使得本設(shè)計(jì)得到完善。由于Flash技術(shù)并非專門針對(duì)電子地圖領(lǐng)域，所以利用Flash制作的電子地圖與專業(yè)電子地圖軟件制作的電子地圖仍有一定差距，其功能也很有局限性，但是也充分體現(xiàn)出它的優(yōu)越性。如果按照Flash技術(shù)原理，同時(shí)結(jié)合一些專業(yè)的制作地圖工具就能夠制作出功能更強(qiáng)大更好的電子地圖，在要求不是很高，同時(shí)又能滿足用戶需求的基礎(chǔ)上，利用Flash技術(shù)開發(fā)電子地圖還是具有較大的發(fā)展?jié)摿Φ?。隨著計(jì)算機(jī)技術(shù)的進(jìn)步和多媒體技術(shù)的發(fā)展，以及Flash技術(shù)的完善，利用Flash制作的網(wǎng)絡(luò)電子地圖將會(huì)更加完美，也將會(huì)得到更加廣泛的應(yīng)用。

[參考文獻(xiàn)]

[1]胡小強(qiáng).虛擬實(shí)現(xiàn)技術(shù)及應(yīng)用[M].北京：高等教育出版社，2004.

[2]魏勇.中文版FlashMX2004標(biāo)準(zhǔn)教程[M].北京：中國(guó)宇航出版社，2004.

[3]何正國(guó).基于Flash的網(wǎng)絡(luò)電子地圖[J].工程圖學(xué)學(xué)報(bào)，2003（3）：77-82.

[4]陳毓芬，廖克，江南.網(wǎng)絡(luò)地圖的設(shè)計(jì)原則[J].地理科學(xué)進(jìn)展，2001（s1）：78-86.

[5]杜清遠(yuǎn)，鄔國(guó)鋒.萬維網(wǎng)電子地圖[J].測(cè)繪信息與工程，2000（3）：17-19.

[6]程思聰，任福，杜清運(yùn).多媒體電子地圖集中的信息組織策略[J].地理空間信息，2006（1）：72-74.