校園實(shí)景地圖的設(shè)計(jì)與實(shí)現(xiàn)

羅日才 韋艷梅

（河池學(xué)院 計(jì)算機(jī)與信息工程學(xué)院，廣西 宜州 546300）

0 引言

電子地圖是在紙質(zhì)地圖的基礎(chǔ)產(chǎn)生的，允許用戶對(duì)電子地圖的內(nèi)容進(jìn)行選擇，信息表達(dá)多種多樣，能夠快速、高效的檢索信息和分析地圖[1]。電子地圖在權(quán)衡制圖精度、速度及成本時(shí),大多追求的是制圖精度,而較少考慮制圖速度及成本,而且這些地形圖制作方法都相當(dāng)專業(yè)、復(fù)雜,一般人只能是可望而不可即[2]。

本文在參考了多種實(shí)景地圖的設(shè)計(jì)方法[3-8]的基礎(chǔ)上，研究了通過人工拍攝獲取校園的每個(gè)景點(diǎn)，而后以用戶的視角通過拼接技術(shù)集成和處理，再結(jié)合Flash的動(dòng)態(tài)技術(shù)形成的一種類似google實(shí)景地圖的制作方法，實(shí)現(xiàn)了全方位的校園景觀和設(shè)施實(shí)景地圖，方便用戶對(duì)校園信息的訪問，真實(shí)感、立體感強(qiáng)，最大限度接近用戶的感受。這是所有學(xué)校最為理想、最直面的宣傳方式。

1 360°實(shí)景地圖制作步驟

360°全景，就是通過技術(shù)或設(shè)備模擬出一個(gè)可交互的、虛幻的三維空間場(chǎng)景。360度全景通過專業(yè)相機(jī)捕捉整個(gè)場(chǎng)景的看圖像信息，使用軟件將圖片拼合，并用專門的播放器進(jìn)行播放，即將照片及計(jì)算機(jī)圖變?yōu)?60度全景景觀。并給用戶提供各種操縱圖像的功能，可以放大縮小，各個(gè)方向移動(dòng)觀看場(chǎng)景，以達(dá)到模擬和再現(xiàn)場(chǎng)景的真實(shí)環(huán)境的效果。360°全景具有一下特點(diǎn)：真實(shí)感強(qiáng)，比其他的建模更具說服力，表達(dá)內(nèi)容更逼真；與平面圖片相比，全景圖所表現(xiàn)的場(chǎng)景更立體，更具人性化；制作簡(jiǎn)單，容易生成，交互性能好，方便用戶操作。

第一步 校園場(chǎng)景圖片采集

首先到各個(gè)路段、景點(diǎn)或建筑物等場(chǎng)地進(jìn)行360°圖片采集。具體操作方法如下：站在某個(gè)位置不變，將攝像機(jī)固定在支架上，每隔15°至30度就拍攝一張照片，盡可能使拍攝的照片美觀，主要景點(diǎn)都要被攝取到，照片拍攝的高度也要保持不變，焦距不變，不要晃動(dòng)，可以允許有少許的誤差，否則會(huì)影響圖片的拼接。

第二步 使用ArcSoft Panorama Maker全景圖編輯器進(jìn)行拼接[5]

接下來我們需要對(duì)某一景點(diǎn)進(jìn)行全景拼接，這里我們使用ArcSoft Panorama Maker將一系列重疊拍攝的圖片拼接成一幅精美的全景圖片，它讓您只須透過簡(jiǎn)單的幾個(gè)步驟即可把幾張圖片合并的全景效果。

首先啟動(dòng)軟件工作界面，然后導(dǎo)入某個(gè)景點(diǎn)的一組360°拍照的圖片，如圖1。

工作界面中橙色框部分：這里可以打開存儲(chǔ)圖片的文件夾，當(dāng)打開目標(biāo)文件夾時(shí)，右邊的主窗口就會(huì)自動(dòng)添加圖片并顯示出來。藍(lán)色框部分：這里打鉤表示自動(dòng)按組選擇，當(dāng)您點(diǎn)擊其中一組照片時(shí)，它會(huì)自動(dòng)分辨并以多張圖片為組選中。紅色框部分：這里是制作全景圖的重要部分，有自動(dòng)、橫向、360°、平鋪、縱向等效果。而本次研究制作的全景圖技術(shù)就是采用360°的。當(dāng)點(diǎn)擊“下一步”時(shí)，就會(huì)出現(xiàn)分析與拼接過程等待界面，圖片合成完成之后會(huì)出現(xiàn)如圖1界面，保存后，基本上一張比較完美的全景平鋪圖就制作好了（如圖2）

圖1 導(dǎo)入一組360°拍照的圖片

圖2 拼接好的全景圖

第三步 使用Pano2軟件制作360°無縫旋轉(zhuǎn)圖[6]

要制作成360°全景圖，也就是要將上面做好的全景圖的兩頭無縫銜接起來，可以任意360°旋轉(zhuǎn)，那么就需要用到Pano2軟件來完成這項(xiàng)工作。

Pano2是一款制作360°全景圖的軟件，這個(gè)軟件制作出的是.swf格式文件的全景圖。這個(gè)軟件最大的好處就是自己能夠生成全景圖，不需要使用Flash來完成。而且這個(gè)軟件本身擁有各個(gè)按鈕和其他功能，便捷又通俗易懂，無需自己制作。

首先打開Pano2軟件的界面，然后單擊”選擇輸入”,將制作好的全景圖輸進(jìn)去,如圖3。

顯示參數(shù)：俯仰表示按鈕↑和↓的角度，視場(chǎng)表示視野可看到的范圍。這里的數(shù)據(jù)可以被修改，數(shù)據(jù)不一樣，看到的范圍也不一樣。

用戶數(shù)據(jù)：標(biāo)題是輸入某個(gè)景點(diǎn)的名稱，描述是對(duì)該景點(diǎn)的一種看法，作者就是本人的名字，還有日期時(shí)間等。描述越詳細(xì)，更加深讀者的印象。可以選擇自己喜歡“皮膚”,它是控制全景圖的各種按鈕合集。

制作出來的效果如圖4所示，將鼠標(biāo)放在圖上的任意位置，按住鼠標(biāo)左鍵向左向右拖動(dòng)即可進(jìn)行任意角度的旋轉(zhuǎn)。

圖3 選擇輸入的圖片

圖4 可以任意360°旋轉(zhuǎn)的全景圖

第四步 使用Flash進(jìn)行整體布局[8]

上面得到的是一張一張.swf文件360度的全景圖，我們需要將它們放到一個(gè)校園地圖的相應(yīng)位置中，當(dāng)點(diǎn)擊這些位置就進(jìn)入相應(yīng)的可以任意旋轉(zhuǎn)360度的場(chǎng)景圖片。

制作校園實(shí)景地圖，分為三個(gè)大部分：根據(jù)google地圖繪制學(xué)校地圖、實(shí)現(xiàn)每個(gè)地點(diǎn)的實(shí)景圖以及所有實(shí)景圖整合后的校園實(shí)景地圖。

所以首先需要根據(jù)google地圖中的學(xué)校地理信息繪制一張校園地圖，然后將這幅地圖導(dǎo)入flash工作界面，并制作好時(shí)間軸。接下來是實(shí)景圖的實(shí)現(xiàn)。

先制作存在全景圖的標(biāo)志按鈕，再經(jīng)過該按鈕的制作彈起、經(jīng)過以及按下事件的動(dòng)作，然后再把表示存在全景圖的標(biāo)志和顯示地點(diǎn)的標(biāo)志組合在一起,就成為本次制作的地點(diǎn)顯示按鈕。接著按照同樣的方法繼續(xù)編輯下一個(gè)地點(diǎn)，直到全部景點(diǎn)完成為止。

這樣，整個(gè)校園實(shí)景地圖就完成了（如圖5），最后發(fā)布到互聯(lián)網(wǎng)即可。

圖5 某校園實(shí)景地圖

2 結(jié)論

制作校園實(shí)景地圖的方法有很多種。這里所制作的實(shí)景地圖，是以整體的角度查看校園地圖，再以分散的點(diǎn)來查看校園各個(gè)景點(diǎn)的環(huán)境。這個(gè)設(shè)計(jì)相對(duì)與查看校園圖片來說，立體感比較強(qiáng)，查看的范圍也被放大化。這個(gè)設(shè)計(jì)需要有充分的知識(shí)整合，如全景編輯器的使用、PS對(duì)圖像處理的應(yīng)用、Pano2軟件的運(yùn)用以及Flash的應(yīng)用；另外，還需要有較強(qiáng)的理解能力，如對(duì)校園實(shí)景地圖的理解、對(duì)整個(gè)設(shè)計(jì)的構(gòu)思理解、對(duì)各種軟件的了解等等。

［1］姜德榮.導(dǎo)航電子地圖發(fā)展現(xiàn)狀與趨勢(shì)研究[EB/OL].2013-03-31[2013-12-15].http://www.docin.com/p-625967311.html.

［2］彭和強(qiáng),張有能.基于 Google Earth的地形圖制作技術(shù)[J].測(cè)繪通報(bào),2009(10)∶56-58.

［3］王志鋼.中國(guó)導(dǎo)航電子地圖行業(yè)的發(fā)展現(xiàn)狀和前景[J].數(shù)字通信世界,2011(2)∶41-43.

［4］李海亭.城市地理信息系統(tǒng)中的全景地圖技術(shù)研究[J].城市勘測(cè),2011(3)∶39-43.

［5］虹軟全景大師ArcSoft.Panorama.Maker.Pro.v5.0.0.21教程[EB/OL].2011-03-10[2013-04-15].http://www.docin.com/p-143805066.html.

［6］Pano2VR 的功能介紹[EB/OL].2012-01-14[2013-04-14].http://wenku.baidu.com/view/5893040e79563c1ec5da7128.html.

［7］林驍于.Flash動(dòng)作腳本編程技術(shù)[EB/OL].2010-04-30[2013-04-14].http://www.docin.com/p-52155335.html.

［8］明素華,廖文峰.3S 在地圖制作中的應(yīng)用[J].科技信息,2009(34)∶92-93.