本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，具體涉及一種三維仿真場景圖像展示方法。

背景技術(shù)：

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，很多傳統(tǒng)的C/S(客戶端/服務(wù)器端)應(yīng)用程序都轉(zhuǎn)到了B/S(瀏覽器/服務(wù)器)下，電子商務(wù)、電子政務(wù)及電子教育等電子服務(wù)應(yīng)用越來越普遍。通常，電子服務(wù)網(wǎng)站中地圖以文字表述模式展現(xiàn)，其數(shù)據(jù)包括基礎(chǔ)地圖信息及店內(nèi)產(chǎn)品信息等，這就導(dǎo)致用戶購買東西，選擇商品時對商家地圖的信息只能基于文字上的描述，尤其是對于用戶來說不夠形象直觀。

技術(shù)實(shí)現(xiàn)要素：

有鑒于此，本申請?zhí)峁┮环N三維仿真場景圖像展示方法。能夠靈活地在瀏覽器端實(shí)現(xiàn)繪制虛擬場景電子地圖圖像并展示，實(shí)現(xiàn)仿真場景電子地圖圖像和三維電子地圖聯(lián)動展現(xiàn)。

為解決以上技術(shù)問題，本發(fā)明提供的技術(shù)方案是一種三維仿真場景圖像展示方法，包括以下步驟：

A、所述瀏覽器端向服務(wù)器發(fā)出仿真場景電子地圖展示請求時，所述服務(wù)器端獲取所述瀏覽器端的仿真場景電子地圖圖像信息；

B、所述服務(wù)器端根據(jù)所述仿真場景電子地圖圖像信息，以所述瀏覽器端的請求中的圖形展示形式繪制欲展示的仿真場景電子地圖圖像，并將所述欲展示的仿真場景電子地圖圖像發(fā)送到所述瀏覽器端進(jìn)行展示。

優(yōu)選的，在所述步驟A之前還包括以下步驟：

A1、瀏覽器端向服務(wù)器端發(fā)出三維電子地圖展示請求時，所述服務(wù)器端獲取所述瀏覽器端的三維電子地圖信息；

A2、所述服務(wù)器端根據(jù)所述三維電子地圖的信息，從所述服務(wù)器端的三維電子地圖數(shù)據(jù)庫中加載三維電子地圖數(shù)據(jù)；

A3、所述服務(wù)器端以所述瀏覽器端的請求中的圖像展示形式并根據(jù)加載的三維電子地圖數(shù)據(jù)進(jìn)行繪制三維電子地圖，并將所述三維電子地圖發(fā)送到所述瀏覽器端進(jìn)行展示；

其中，步驟A3中所述圖像展示形式是指與現(xiàn)實(shí)地圖相對應(yīng)的電子地圖的展示形式；

所述三維電子地圖為仿真場景電子地圖。

優(yōu)選的，所述步驟B中繪制所述欲展示的電子地圖圖像包括以下步驟：

B1、所述服務(wù)器端在接收到仿真場景電子地圖請求后，根據(jù)步驟A3展示的三維電子地圖的坐標(biāo)點(diǎn)確定出欲展示的仿真場景電子地圖的坐標(biāo)范圍；

B2、根據(jù)所述欲展示的仿真場景電子地圖的坐標(biāo)范圍，從所述服務(wù)器端的電子地圖圖像數(shù)據(jù)庫中加載所述坐標(biāo)范圍內(nèi)的欲展示的仿真場景電子地圖圖像；

B3、根據(jù)加載的欲展示的仿真場景電子地圖圖像，以所述瀏覽器端的請求中的圖像展示形式進(jìn)行繪制欲展示的仿真場景電子地圖的圖像。

優(yōu)選的，所述步驟B中所述圖像展示形式至少包括俯視形式和街視形式。

優(yōu)選的，所述步驟B3中所述電子地圖以所述俯視形式展示，包括以下步驟：

B311、獲取所述三維電子地圖中街道的坐標(biāo)；

B312、獲取所述欲展示的仿真場景電子地圖的坐標(biāo)；

B313、判斷所述欲展示的仿真場景電子地圖坐標(biāo)與所述三維電子地圖中街道坐標(biāo)的相對位置，面對街道的一面為所述欲展示的仿真場景電子地圖的正面；

B314、將所述欲展示的仿真場景電子地圖的正面展示出來。

優(yōu)選的，所述服務(wù)器端還設(shè)置有人物模型庫，所述人物模型庫由一組靜態(tài)圖組成；

所述靜態(tài)圖至少包括前行走組圖、左行走組圖、右行走組圖；

所述靜態(tài)圖在所述瀏覽器中以動畫方式展示。

優(yōu)選的，所述步驟B3中所述電子地圖以所述街視形式展示，包括以下步驟：

B321、從所述服務(wù)器端人物模型庫加載人物模型，并在所述瀏覽器端進(jìn)行展示；

B322、獲取已加載的所述人物模型在顯示屏幕上的寬度數(shù)值，并根據(jù)此寬度數(shù)值建立所述人物模型對應(yīng)的所述電子地圖的展示區(qū)域，該展示區(qū)域隨著所述人物模型的寬度數(shù)值變化而變化。

優(yōu)選的，所述人物模型在鼠標(biāo)的控制下進(jìn)行走動。

優(yōu)選的，所述瀏覽器端所在的顯示屏幕按照其寬度從左到右均勻三等分，其中，左右兩部分為地圖等，中間部分為街道；

所述人物模型的寬度數(shù)值為鼠標(biāo)在顯示屏幕上的寬度數(shù)值。

優(yōu)選的，所述人物模型在鼠標(biāo)的控制下進(jìn)行走動的控制流程，包括以下步驟：

S1、獲取鼠標(biāo)在顯示屏幕上的寬度數(shù)值；

S2、判斷所述已獲取到的寬度數(shù)值在街道范圍內(nèi)，則加載所述人物模型庫中的前行走組圖；若所述寬度數(shù)值小于街道寬度數(shù)值的最小值，則加載所述人物模型庫中左行走組圖；若所述寬度數(shù)值大于街道寬度數(shù)值的最大值，則加載所述人物模型庫中右行走組圖。

從上述的技術(shù)方案可以看出，本申請?zhí)峁┝艘环N三維仿真場景圖像展示方法，該方法基于一個三維仿真場景電子地圖服務(wù)平臺，實(shí)現(xiàn)仿真場景、電子地圖和虛擬人物聯(lián)動展現(xiàn)。

本申請與現(xiàn)有技術(shù)相比，其詳細(xì)說明如下：

使用本申請方法能夠靈活地在瀏覽器端實(shí)現(xiàn)繪制三維仿真場景電子地圖圖像并展示，其中，三維仿真場景電子地圖中的仿真場景與電子地圖是分離的，用戶需要時才提取場景電子地圖的信息數(shù)據(jù)，節(jié)約服務(wù)器端資源；

使用本申請方法使三維仿真場景電子地圖以圖像的方式展示，更優(yōu)于文字模式，更方便于用戶使用，降低了操作難度，擴(kuò)大了使用人群。

本申請所所述方法基于B/S的模式運(yùn)行，對用戶終端的要求不高。

附圖說明

圖1是本申請的一個實(shí)施例的圖像展現(xiàn)方法的流程圖；

圖2是本申請的一個實(shí)施例的圖像展現(xiàn)方法繪制圖像的流程圖；

圖3是本申請的一個實(shí)施例的圖像展現(xiàn)方法以俯視方式展示圖像的流程圖；

圖4是本申請的一個實(shí)施例的圖像展現(xiàn)方法以街視方式展示圖像的流程圖；

圖5是本申請的一個實(shí)施例的圖像展現(xiàn)方法展現(xiàn)圖像中人物模型控制流程圖；

圖6是本申請的一個實(shí)施例的圖像展現(xiàn)方法電子地圖示意圖；

圖7是本申請的一個實(shí)施例的圖像展現(xiàn)方法電子地圖展示示意圖；

圖8是本申請的一個實(shí)施例的圖像展現(xiàn)方法街道展示示意圖；

圖9是本申請的一個實(shí)施例的圖像展現(xiàn)方法人物模型街視電子地圖示意圖；

圖10是本申請的一個實(shí)施例的圖像展現(xiàn)方法全面瀏覽三維仿真場景示意圖。

具體實(shí)施方式

為了使本領(lǐng)域的技術(shù)人員更好地理解本發(fā)明的技術(shù)方案，下面結(jié)合具體實(shí)施例對本發(fā)明作進(jìn)一步的詳細(xì)說明。

如圖1所示，本申請?zhí)峁┮环N三維仿真場景圖像展示方法，包括：

步驟A1、瀏覽器端向服務(wù)器端發(fā)出三維電子地圖展示請求時，服務(wù)器端獲取瀏覽器端的三維電子地圖信息；

其中，三維電子地圖信息為仿真場景信息，包括仿真場景所在省、市、區(qū)的信息，包括仿真場景的坐標(biāo)信息。

步驟A2、服務(wù)器端根據(jù)三維電子地圖的信息，從服務(wù)器端的三維電子地圖數(shù)據(jù)庫中加載三維電子地圖數(shù)據(jù)；

步驟A3、服務(wù)器端以瀏覽器端的請求中的圖像展示形式并根據(jù)加載的三維電子地圖數(shù)據(jù)進(jìn)行繪制三維電子地圖，并將三維電子地圖發(fā)送到瀏覽器端進(jìn)行展示；

步驟A、瀏覽器端向服務(wù)器發(fā)出場景電子地圖展示請求時，服務(wù)器端獲取瀏覽器端的場景電子地圖圖像信息；

步驟B、服務(wù)器端根據(jù)仿真場景電子地圖圖像信息，以瀏覽器端的請求中的圖像展示形式繪制欲展示的仿真場景電子地圖圖像，并將欲展示的仿真場景電子地圖圖像發(fā)送到瀏覽器端進(jìn)行展示。

需要說明的是，其中，所述圖像展示形式是指與仿真場景地圖相對應(yīng)的三維電子地圖的展示形式；所述三維電子地圖的地標(biāo)物至少包括街道、樓宇等。電子地圖大小的生成可由管理方設(shè)定，有一個最大的坐標(biāo)范圍，如(0-9999,0-9999)。不同的仿真場景電子地圖在瀏覽器端的展示大小也不同，如A仿真場景地圖坐標(biāo)為(0-999,0-999)，B仿真場景地圖坐標(biāo)為(0-666,0-666)。電子地圖圖像信息包括坐標(biāo)信息、顯示方式等，其顯示方式包括有俯視和街視兩種方式，但不限于這兩種方式。電子地圖的附加顯示信息還有包括各個仿真場景的附加信息(如商家的店名、級別、經(jīng)營范圍、正常營業(yè)與否；政府服務(wù)機(jī)構(gòu)的名稱、服務(wù)范圍、正常工作與否)等信息。

如圖2所示，所述步驟B中繪制所述欲展示的電子地圖圖像包括以下步驟：

B1、服務(wù)器端在接收到仿真場景電子地圖請求后，根據(jù)步驟A3展示的三維電子地圖的坐標(biāo)點(diǎn)確定出欲展示的仿真場景電子地圖的坐標(biāo)范圍；

B2、根據(jù)所述欲展示的仿真場景電子地圖的坐標(biāo)范圍，從服務(wù)器端的電子地圖圖像數(shù)據(jù)庫中加載所述坐標(biāo)范圍內(nèi)的欲展示的仿真場景電子地圖圖像；

B3、根據(jù)加載的欲展示的仿真場景電子地圖圖像，以瀏覽器端的請求中的圖像展示形式進(jìn)行繪制欲展示的仿真場景電子地圖的圖像。

如圖3所示，所述步驟B3中所述電子地圖以俯視形式展示，包括以下步驟：

B311、獲取所述三維電子地圖中街道的坐標(biāo)；

B312、獲取所述欲展示仿真場景電子地圖的坐標(biāo)；

B313、判斷所述欲展示的仿真場景電子地圖坐標(biāo)與所述三維電子地圖中街道坐標(biāo)的相對位置，面對街道的一面為所述欲展示的仿真場景電子地圖的正面；

B314、將所述欲展示的仿真場景電子地圖的正面展示出來。

需要說明的是，三維仿真場景中電子地圖呈現(xiàn)的是二維模式，如圖6所示，二維模式可以展示U、V、W三個面，電子地圖的正對面即V面，這種二維模式展示，對于電子地圖有方向。

電子地圖與三維仿真場景的位置關(guān)系：整個電子地圖分為三層：三維仿真場景圖像、地圖坐標(biāo)、電子地圖圖像。電子地圖圖像為底層圖，地圖坐標(biāo)為隱形圖、三維仿真場景圖像為最上層圖。

如圖7所示，地圖圖像由4個相位圖組成，地圖的正面面對街道，其中網(wǎng)格面表示地圖正面、豎條紋面為地圖背面。當(dāng)?shù)貓D的坐標(biāo)位于街道的左側(cè)時，取位圖1，當(dāng)?shù)貓D的坐標(biāo)位于街道的右側(cè)時，取位圖3，當(dāng)?shù)貓D的坐標(biāo)位于街道的上側(cè)時，取位圖2，當(dāng)?shù)貓D的坐標(biāo)位于街道下側(cè)時，取位圖4。

判定街道的方位在于如圖8所示，如：街道R1的坐標(biāo)(110,110)，則地圖取位圖1或位圖3；街道R2的坐標(biāo)(120,120)，則地圖取位圖2或位圖4。

需要說明的是，所述服務(wù)器端還設(shè)置有人物模型庫，該人物模型庫由一組靜態(tài)圖組成；此靜態(tài)圖至少包括前行走組圖、左行走組圖、右行走組圖且在所述瀏覽器中以動畫方式展示。

如圖4、5所示，所述步驟B3中所述電子地圖以街視形式展示，包括以下步驟：

B321、從服務(wù)器端人物模型庫加載人物模型，并在瀏覽器端進(jìn)行展示；

B322、獲取已加載的所述人物模型在顯示屏幕上的寬度數(shù)值，并根據(jù)此寬度數(shù)值建立所述人物模型對應(yīng)的電子地圖的展示區(qū)域，該展示區(qū)域隨著所述人物模型的寬度數(shù)值變化而變化。

需要說明的是，所述瀏覽器端所在的顯示屏幕按照其寬度從左到右均勻三等分，其中，左右兩部分為地圖，中間部分為街道；人物模型的寬度數(shù)值為鼠標(biāo)在顯示屏幕上的寬度數(shù)值，其在鼠標(biāo)的控制下進(jìn)行走動，包括以下步驟：

S1、獲取鼠標(biāo)在顯示屏幕上的寬度數(shù)值；

S2、判斷所述已獲取到的寬度數(shù)值在街道范圍內(nèi)，則加載所述人物模型庫中的前行走組圖；若所述寬度數(shù)值小于街道寬度數(shù)值的最小值，則加載所述人物模型庫中左行走組圖；若所述寬度數(shù)值大于街道寬度數(shù)值的最大值，則加載所述人物模型庫中右行走組圖。

電子地圖以街視方式展示，出現(xiàn)人物模型，人物模型在鼠標(biāo)的控制下進(jìn)行走動，人物走動以鼠標(biāo)所在點(diǎn)的數(shù)值進(jìn)行判定，將屏幕分成三份，左右為地圖，中間為街道，寬度分別為屏幕寬度數(shù)值的1/3，如：屏幕寬度數(shù)值是1200，左、中、右各占400寬度，左邊的數(shù)值在0-399、中間為400-899之間，右邊的數(shù)值為900-1200之間。當(dāng)鼠標(biāo)停放位置點(diǎn)分別在這三個區(qū)間點(diǎn)時，則觸發(fā)如圖5所示動畫流程，達(dá)到人物模型在街視中行走動畫效果。如圖9所示，該視角以左右兩邊為仿真場景地圖陳列形式展示，操作者方向向上，左右兩側(cè)的仿真場景地圖向下(向后)移動，前方(向上)新地商家則出現(xiàn)的左右兩側(cè)。人物模型P向上，左側(cè)瀏覽從地圖D1到地圖D2。右側(cè)瀏覽從地圖D3到地圖D4。現(xiàn)采用此種人物行走數(shù)組圖的方式，不限操作系統(tǒng)，不需要第三方插件的支持，由系統(tǒng)程序內(nèi)部完成動畫效果，對于控制和安全是最好的處理方法。

需要說明的是，電子地圖的坐標(biāo)與屏幕坐標(biāo)無關(guān)，只與三維仿真場景的電子地圖坐標(biāo)有關(guān)，而屏幕坐標(biāo)只與當(dāng)前用戶的系統(tǒng)及硬件有關(guān)，電子地圖顯示大小與用戶的屏幕有關(guān)，用戶的屏幕分辨率小，則看到電子地圖就少，用戶的屏幕分辨率大，則看到電子地圖就多。如：電子地圖是1200x1200，而用戶屏幕只有800x600，那只能看到一部分，若用戶屏幕為1900x1200，則能看到全部電子地圖。

通常用戶的屏幕端大于不一，用戶看到的仿真場景地圖面積也是大小不一。可以在仿真場景電子地圖中設(shè)置一個方向羅盤，以供用戶瀏覽全圖。如圖10所示該方向羅盤由A、B、C、D、E、F、G、H共8個塊組成，當(dāng)鼠標(biāo)放在其中一塊時，即按設(shè)定使電子地圖進(jìn)行移動。

控制方向羅盤對仿真場景電子地圖進(jìn)行移動，以便瀏覽到仿真場景的全部地圖。如圖10所示，當(dāng)鼠標(biāo)放于圖中A點(diǎn)時，仿真場景電子地圖同下移動，可以看到仿真場景地圖上部分；當(dāng)鼠標(biāo)放于圖中B點(diǎn)時，仿真場景電子地圖向左移動，可以看到仿真場景右面部分；可以看到仿真場景上部分；當(dāng)鼠標(biāo)放于圖中C點(diǎn)時，仿真場景電子地圖向上運(yùn)動，可以看到仿真場景下面部分；當(dāng)鼠標(biāo)放于圖中D點(diǎn)時，仿真場景電子地圖向右移動，可以看到仿真場景左面部分；當(dāng)鼠標(biāo)放于圖中A和B點(diǎn)之間時，仿真場景電子地圖向左下方移動，可以看到仿真場景右上面部分；當(dāng)鼠標(biāo)放于圖中B和C點(diǎn)之間時，仿真場景電子地圖向左上方移動，可以看到仿真場景右下面部分；當(dāng)鼠標(biāo)放于圖中C和D點(diǎn)之間時，仿真場景電子地圖向右上方移動，可以看到仿真場景左下面部分；當(dāng)鼠標(biāo)放于圖中D和A點(diǎn)之間時，仿真場景電子地圖向右下方移動，可以看到仿真場景左上面部分。

需要說明的是，本申請中所述三維電子地圖為仿真場景地圖，仿真場景地圖包括電子商城地圖、公共資源服務(wù)機(jī)構(gòu)仿真場景地圖，教育仿真場景地圖或其他所有仿真場景地圖。

以上僅是本發(fā)明的優(yōu)選實(shí)施方式，應(yīng)當(dāng)指出的是，上述優(yōu)選實(shí)施方式不應(yīng)視為對本發(fā)明的限制，本發(fā)明的保護(hù)范圍應(yīng)當(dāng)以權(quán)利要求所限定的范圍為準(zhǔn)。對于本技術(shù)領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明的精神和范圍內(nèi)，還可以做出若干改進(jìn)和潤飾，這些改進(jìn)和潤飾也應(yīng)視為本發(fā)明的保護(hù)范圍。