基于Flash的網絡電子地圖研究

戴淵錚

（大同大學，山西 大同 037009）

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

1 用Flash制作網絡電子地圖的優勢

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

1.1 對開發平臺的要求

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

1.2 對網絡的依賴

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

1.3 客戶端瀏覽器

客戶端瀏覽器安裝響應的插件是使用WebGIS平臺開發出來的電子地圖的通常要求，目前只需連接到互聯網的電腦就都能播放Flash圖片和動畫，插件來源容易取得。

1.4 制作網絡電子地圖的效果

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

2 用Flash開發電子地圖的流程

2.1 流程

地圖信息搜集與編輯—功能與界面設計—具體功能實現（編寫ActionScript程序）—導出swf文件。

2.2 底圖搜集

2.2.1 資料收集

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

2.2.2 資料編輯

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

2.3 地圖編輯

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

2.3.1 位圖文件矢量化

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

2.3.2 柵格地圖矢量化

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

2.3.3 矢量地圖的處理

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

2.4 功能與界面的設計

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

（2）我們設計的電子地圖，除了實現上面的基本功能之外，為了體現人性化的一面，特別設計了鷹眼功能，這樣可以讓用戶很直觀地了解目前所在區域在整個地圖中的位置。

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

2.5 具體功能研究與實現

2.5.1 縮放及平移功能

打開校園網絡電子地圖，如果用戶關心的只是校園某一具體位置或建筑的詳細信息，這時就可以使用網絡電子地圖的縮放及平移功能。

首先在Flash中新建一個文檔map_mask. fla，準備素材，創建相應的按鈕并添加圖層，然后裝配。

a.初始化應用程序。我們定義一個函數ini()，執行該函數完成對應用程序的初始化工作。

2.5.2 超鏈接

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

2.5.3 鷹眼功能

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

鷹眼的實現是利用了Flash對于元件屬性的修改功能：首先，定義一個長方形轉換成元件，作為蒙皮，用來提示大地圖在所有地圖中的位置；然后，當用戶有操作申請時，重新讀取顯示區域和整體地圖的關系比例，同時更新蒙皮的位置和大小，我們使用updateAfterEvent函數實現即時更新。

其實現過程為：在鷹眼窗口中放置一幅地圖作為底圖—創建一個藍色矩形—將藍色矩形轉換為影片剪輯—調整透明度。在鷹眼中，地圖只是作為參考，是不移動的，移動的是藍色矩形。對地圖進行移動、縮放等操作時，根據兩個影片剪輯的數學關系進行聯動操作[3]。

2.5.4 標注

Flash電子地圖數據量大，我們要是手工操作，在地圖上按照需求創建地名、批注對應目標的內容，可想而知它的工作量是多么巨大，因此我們利用數據部署文件來動態輔助完成這些操作，詳細來講就是調用外部XML數據文件來進行地名標注的功能。另外，它在后期維護及更新上也是不容易的。

（1）創建用于地名標注的XML文件。

首先要創建一個以地名為文件名的信息文件，該文件包括地點名稱、地點坐標等基本信息，其格式為XML文件格式，內容如下：

其中項為地名名稱；與項為地名標注的X軸與Y軸坐標。

（2）Flash調用代碼。

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

其中，XML文件使用相對路徑，調用地圖文件的網頁文件與Road.xml文件應置于相同的路徑下，否則Flash將無法調用XML文件。

2.5.5 查詢功能

信息查詢是電子地圖必備的基本功能之一。本文主要研究的是地點的查詢，查詢功能是通過與調用的XML文件的數據一一比對實現的，具體實現如下[3]。

首先，用input_txt動態文本框接收輸入的地點名稱，地點名稱存放于input_txt.text變量中；然后，input_txt.text與載入的外部文件XMLData.xml依次比較，如果兩個地名相符，取相對應的X、Y軸坐標值；最后，將地圖做相應的縮放及移動操作，在此過程中地圖將放大50倍，同時將地圖中心移動至被查詢的地名[2]。

XMLData.xml的部分代碼如下：

在時間軸的動作面板，輸入以下代碼：

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

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

2.6 調試與發布

制作完畢后，經反復測試，證明系統運行無誤，導出文件。

3 結語

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

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

[參考文獻]

[1]胡小強.虛擬實現技術及應用[M].北京：高等教育出版社，2004.

[2]魏勇.中文版FlashMX2004標準教程[M].北京：中國宇航出版社，2004.

[3]何正國.基于Flash的網絡電子地圖[J].工程圖學學報，2003（3）：77-82.

[4]陳毓芬，廖克，江南.網絡地圖的設計原則[J].地理科學進展，2001（s1）：78-86.

[5]杜清遠，鄔國鋒.萬維網電子地圖[J].測繪信息與工程，2000（3）：17-19.

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