CN104778900A - 一种三维仿真场景图像展示方法 - Google Patents

Abstract

本发明公开一种三维仿真场景图像的展示方法，其主要是在计算机服务器及客户端***上建立以三维电子地图以及仿真场景、虚拟用户的交互方法，具体地说是该三维电子地图与国家行政区图对应，进入电子地图可以选择仿真场景，以虚拟人物的方式浏览该场景，同时可获取该地图的相关信息。具体实现是在三维电子地图上建立坐标体系，在地图上绘制三维仿真场景的图像并展示；在仿真场景图像上建立虚拟人物模型并实现交互。本发明所述方法直观形象，方便用户主动访问所在区域内的电子地图，以满足用户更大的需求。

Description

一种三维仿真场景图像展示方法

技术领域

本发明涉及计算机技术领域，具体涉及一种三维仿真场景图像展示方法。

背景技术

随着互联网技术的发展，很多传统的C/S(客户端/服务器端)应用程序都转到了B/S(浏览器/服务器)下，电子商务、电子政务及电子教育等电子服务应用越来越普遍。通常，电子服务网站中地图以文字表述模式展现，其数据包括基础地图信息及店内产品信息等，这就导致用户购买东西，选择商品时对商家地图的信息只能基于文字上的描述，尤其是对于用户来说不够形象直观。同时，对电子地图的地理位置信息也不能直接获取，从而无法更好地满足用户的需求度。

发明内容

有鉴于此，本申请提供一种三维仿真场景图像展示方法。能够灵活地在浏览器端实现绘制虚拟场景电子地图图像并展示，实现仿真场景电子地图图像和三维电子地图联动展现。

为解决以上技术问题，本发明提供的技术方案是一种三维仿真场景图像展示方法，包括以下步骤：

A、所述浏览器端向服务器发出仿真场景电子地图展示请求时，所述服务器端获取所述浏览器端的仿真场景电子地图图像信息；

B、所述服务器端根据所述仿真场景电子地图图像信息，以所述浏览器端的请求中的图形展示形式绘制欲展示的仿真场景电子地图图像，并将所述欲展示的仿真场景电子地图图像发送到所述浏览器端进行展示。

优选的，在所述步骤A之前还包括以下步骤：

A1、浏览器端向服务器端发出三维电子地图展示请求时，所述服务器端获取所述浏览器端的三维电子地图信息；

A2、所述服务器端根据所述三维电子地图的信息，从所述服务器端的三维电子地图数据库中加载三维电子地图数据；

A3、所述服务器端以所述浏览器端的请求中的图像展示形式并根据加载的三维电子地图数据进行绘制三维电子地图，并将所述三维电子地图发送到所述浏览器端进行展示；

其中，步骤A3中所述图像展示形式是指与现实地图相对应的电子地图的展示形式；

所述三维电子地图为仿真场景电子地图。

优选的，所述步骤B中绘制所述欲展示的电子地图图像包括以下步骤：

B1、所述服务器端在接收到仿真场景电子地图请求后，根据步骤A3展示的三维电子地图的坐标点确定出欲展示的仿真场景电子地图的坐标范围；

B2、根据所述欲展示的仿真场景电子地图的坐标范围，从所述服务器端的电子地图图像数据库中加载所述坐标范围内的欲展示的仿真场景电子地图图像；

B3、根据加载的欲展示的仿真场景电子地图图像，以所述浏览器端的请求中的图像展示形式进行绘制欲展示的仿真场景电子地图的图像。

优选的，所述步骤B中所述图像展示形式至少包括俯视形式和街视形式。

优选的，所述步骤B3中所述电子地图以所述俯视形式展示，包括以下步骤：

B311、获取所述三维电子地图中街道的坐标；

B312、获取所述欲展示的仿真场景电子地图的坐标；

B313、判断所述欲展示的仿真场景电子地图坐标与所述三维电子地图中街道坐标的相对位置，面对街道的一面为所述欲展示的仿真场景电子地图的正面；

B314、将所述欲展示的仿真场景电子地图的正面展示出来。

优选的，所述服务器端还设置有人物模型库，所述人物模型库由一组静态图组成；

所述静态图至少包括前行走组图、左行走组图、右行走组图；

所述静态图在所述浏览器中以动画方式展示。

优选的，所述步骤B3中所述电子地图以所述街视形式展示，包括以下步骤：

B321、从所述服务器端人物模型库加载人物模型，并在所述浏览器端进行展示；

B322、获取已加载的所述人物模型在显示屏幕上的宽度数值，并根据此宽度数值建立所述人物模型对应的所述电子地图的展示区域，该展示区域随着所述人物模型的宽度数值变化而变化。

优选的，所述人物模型在鼠标的控制下进行走动。

优选的，所述浏览器端所在的显示屏幕按照其宽度从左到右均匀三等分，其中，左右两部分为地图等，中间部分为街道；

所述人物模型的宽度数值为鼠标在显示屏幕上的宽度数值。

优选的，所述人物模型在鼠标的控制下进行走动的控制流程，包括以下步骤：

S1、获取鼠标在显示屏幕上的宽度数值；

S2、判断所述已获取到的宽度数值在街道范围内，则加载所述人物模型库中的前行走组图；若所述宽度数值小于街道宽度数值的最小值，则加载所述人物模型库中左行走组图；若所述宽度数值大于街道宽度数值的最大值，则加载所述人物模型库中右行走组图。

从上述的技术方案可以看出，本申请提供了一种三维仿真场景图像展示方法，该方法基于一个三维仿真场景电子地图服务平台，实现仿真场景、电子地图和虚拟人物联动展现。

本申请与现有技术相比，其详细说明如下：

使用本申请方法能够灵活地在浏览器端实现绘制三维仿真场景电子地图图像并展示，其中，三维仿真场景电子地图中的仿真场景与电子地图是分离的，用户需要时才提取场景电子地图的信息数据，节约服务器端资源；

使用本申请方法使三维仿真场景电子地图以图像的方式展示，更优于文字模式，更方便于用户使用，降低了操作难度，扩大了使用人群。

本申请所所述方法基于B/S的模式运行，对用户终端的要求不高。

附图说明

图1是本申请的一个实施例的图像展现方法的流程图；

图2是本申请的一个实施例的图像展现方法绘制图像的流程图；

图3是本申请的一个实施例的图像展现方法以俯视方式展示图像的流程图；

图4是本申请的一个实施例的图像展现方法以街视方式展示图像的流程图；

图5是本申请的一个实施例的图像展现方法展现图像中人物模型控制流程图；

图6是本申请的一个实施例的图像展现方法电子地图示意图；

图7是本申请的一个实施例的图像展现方法电子地图展示示意图；

图8是本申请的一个实施例的图像展现方法街道展示示意图；

图9是本申请的一个实施例的图像展现方法人物模型街视电子地图示意图；

图10是本申请的一个实施例的图像展现方法全面浏览三维仿真场景示意图。

具体实施方式

为了使本领域的技术人员更好地理解本发明的技术方案，下面结合具体实施例对本发明作进一步的详细说明。

如图1所示，本申请提供一种三维仿真场景图像展示方法，包括：

步骤A1、浏览器端向服务器端发出三维电子地图展示请求时，服务器端获取浏览器端的三维电子地图信息；

其中，三维电子地图信息为仿真场景信息，包括仿真场景所在省、市、区(县)的信息，包括仿真场景的坐标信息。

步骤A2、服务器端根据三维电子地图的信息，从服务器端的三维电子地图数据库中加载三维电子地图数据；

步骤A3、服务器端以浏览器端的请求中的图像展示形式并根据加载的三维电子地图数据进行绘制三维电子地图，并将三维电子地图发送到浏览器端进行展示；

步骤A、浏览器端向服务器发出场景电子地图展示请求时，服务器端获取浏览器端的场景电子地图图像信息；

步骤B、服务器端根据仿真场景电子地图图像信息，以浏览器端的请求中的图像展示形式绘制欲展示的仿真场景电子地图图像，并将欲展示的仿真场景电子地图图像发送到浏览器端进行展示。

需要说明的是，其中，所述图像展示形式是指与仿真场景地图相对应的三维电子地图的展示形式；所述三维电子地图的地标物至少包括街道、楼宇等。电子地图大小的生成可由管理方设定，有一个最大的坐标范围，如(0-9999,0-9999)。不同的仿真场景电子地图在浏览器端的展示大小也不同，如A仿真场景地图坐标为(0-999,0-999)，B仿真场景地图坐标为(0-666,0-666)。电子地图图像信息包括坐标信息、显示方式等，其显示方式包括有俯视和街视两种方式，但不限于这两种方式。电子地图的附加显示信息还有包括各个仿真场景的附加信息(如商家的店名、级别、经营范围、正常营业与否；政府服务机构的名称、服务范围、正常工作与否)等信息。

如图2所示，所述步骤B中绘制所述欲展示的电子地图图像包括以下步骤：

B1、服务器端在接收到仿真场景电子地图请求后，根据步骤A3展示的三维电子地图的坐标点确定出欲展示的仿真场景电子地图的坐标范围；

B2、根据所述欲展示的仿真场景电子地图的坐标范围，从服务器端的电子地图图像数据库中加载所述坐标范围内的欲展示的仿真场景电子地图图像；

B3、根据加载的欲展示的仿真场景电子地图图像，以浏览器端的请求中的图像展示形式进行绘制欲展示的仿真场景电子地图的图像。

如图3所示，所述步骤B3中所述电子地图以俯视形式展示，包括以下步骤：

B311、获取所述三维电子地图中街道的坐标；

B312、获取所述欲展示仿真场景电子地图的坐标；

B313、判断所述欲展示的仿真场景电子地图坐标与所述三维电子地图中街道坐标的相对位置，面对街道的一面为所述欲展示的仿真场景电子地图的正面；

B314、将所述欲展示的仿真场景电子地图的正面展示出来。

需要说明的是，三维仿真场景中电子地图呈现的是二维模式，如图6所示，二维模式可以展示U、V、W三个面，电子地图的正对面即V面，这种二维模式展示，对于电子地图有方向。

电子地图与三维仿真场景的位置关系：整个电子地图分为三层：三维仿真场景图像、地图坐标、电子地图图像。电子地图图像为底层图，地图坐标为隐形图、三维仿真场景图像为最上层图。

如图7所示，地图图像由4个相位图组成，地图的正面面对街道，其中网格面表示地图正面、竖条纹面为地图背面。当地图的坐标位于街道的左侧时，取位图1，当地图的坐标位于街道的右侧时，取位图3，当地图的坐标位于街道的上侧时，取位图2，当地图的坐标位于街道下侧时，取位图4。

判定街道的方位在于如图8所示，如：街道R1的坐标(110,110)，则地图取位图1或位图3；街道R2的坐标(120,120)，则地图取位图2或位图4。

需要说明的是，所述服务器端还设置有人物模型库，该人物模型库由一组静态图组成；此静态图至少包括前行走组图、左行走组图、右行走组图且在所述浏览器中以动画方式展示。

如图4、5所示，所述步骤B3中所述电子地图以街视形式展示，包括以下步骤：

B321、从服务器端人物模型库加载人物模型，并在浏览器端进行展示；

B322、获取已加载的所述人物模型在显示屏幕上的宽度数值，并根据此宽度数值建立所述人物模型对应的电子地图的展示区域，该展示区域随着所述人物模型的宽度数值变化而变化。

需要说明的是，所述浏览器端所在的显示屏幕按照其宽度从左到右均匀三等分，其中，左右两部分为地图，中间部分为街道；人物模型的宽度数值为鼠标在显示屏幕上的宽度数值，其在鼠标的控制下进行走动，包括以下步骤：

S1、获取鼠标在显示屏幕上的宽度数值；

S2、判断所述已获取到的宽度数值在街道范围内，则加载所述人物模型库中的前行走组图；若所述宽度数值小于街道宽度数值的最小值，则加载所述人物模型库中左行走组图；若所述宽度数值大于街道宽度数值的最大值，则加载所述人物模型库中右行走组图。

电子地图以街视方式展示，出现人物模型，人物模型在鼠标的控制下进行走动，人物走动以鼠标所在点的数值进行判定，将屏幕分成三份，左右为地图，中间为街道，宽度分别为屏幕宽度数值的1/3，如：屏幕宽度数值是1200，左、中、右各占400宽度，左边的数值在0-399、中间为400-899之间，右边的数值为900-1200之间。当鼠标停放位置点分别在这三个区间点时，则触发如图5所示动画流程，达到人物模型在街视中行走动画效果。如图9所示，该视角以左右两边为仿真场景地图陈列形式展示，操作者方向向上，左右两侧的仿真场景地图向下(向后)移动，前方(向上)新地商家则出现的左右两侧。人物模型P向上，左侧浏览从地图D1到地图D2。右侧浏览从地图D3到地图D4。现采用此种人物行走数组图的方式，不限操作***，不需要第三方插件的支持，由***程序内部完成动画效果，对于控制和安全是最好的处理方法。

需要说明的是，电子地图的坐标与屏幕坐标无关，只与三维仿真场景的电子地图坐标有关，而屏幕坐标只与当前用户的***及硬件有关，电子地图显示大小与用户的屏幕有关，用户的屏幕分辨率小，则看到电子地图就少，用户的屏幕分辨率大，则看到电子地图就多。如：电子地图是1200x1200，而用户屏幕只有800x600，那只能看到一部分，若用户屏幕为1900x1200，则能看到全部电子地图。

通常用户的屏幕端大于不一，用户看到的仿真场景地图面积也是大小不一。可以在仿真场景电子地图中设置一个方向罗盘，以供用户浏览全图。如图10所示该方向罗盘由A、B、C、D、E、F、G、H共8个块组成，当鼠标放在其中一块时，即按设定使电子地图进行移动。

控制方向罗盘对仿真场景电子地图进行移动，以便浏览到仿真场景的全部地图。如图10所示，当鼠标放于图中A点时，仿真场景电子地图同下移动，可以看到仿真场景地图上部分；当鼠标放于图中B点时，仿真场景电子地图向左移动，可以看到仿真场景右面部分；可以看到仿真场景上部分；当鼠标放于图中C点时，仿真场景电子地图向上运动，可以看到仿真场景下面部分；当鼠标放于图中D点时，仿真场景电子地图向右移动，可以看到仿真场景左面部分；当鼠标放于图中A和B点之间时，仿真场景电子地图向左下方移动，可以看到仿真场景右上面部分；当鼠标放于图中B和C点之间时，仿真场景电子地图向左上方移动，可以看到仿真场景右下面部分；当鼠标放于图中C和D点之间时，仿真场景电子地图向右上方移动，可以看到仿真场景左下面部分；当鼠标放于图中D和A点之间时，仿真场景电子地图向右下方移动，可以看到仿真场景左上面部分。

需要说明的是，本申请中所述三维电子地图为仿真场景地图，仿真场景地图包括电子商城地图、公共资源服务机构仿真场景地图，教育仿真场景地图或其他所有仿真场景地图。

以上仅是本发明的优选实施方式，应当指出的是，上述优选实施方式不应视为对本发明的限制，本发明的保护范围应当以权利要求所限定的范围为准。对于本技术领域的普通技术人员来说，在不脱离本发明的精神和范围内，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种三维仿真场景图像展示方法，其特征在于，包括以下步骤：

A、所述浏览器端向服务器发出仿真场景电子地图展示请求时，所述服务器端获取所述浏览器端的仿真场景电子地图图像信息；

B、所述服务器端根据所述仿真场景电子地图图像信息，以所述浏览器端的请求中的图形展示形式绘制欲展示的仿真场景电子地图图像，并将所述欲展示的仿真场景电子地图图像发送到所述浏览器端进行展示。

2.根据权利要求1所述的三维仿真场景图像展示方法，其特征在于，在所述步骤A之前还包括以下步骤：

A1、浏览器端向服务器端发出三维电子地图展示请求时，所述服务器端获取所述浏览器端的三维电子地图信息；

A2、所述服务器端根据所述三维电子地图的信息，从所述服务器端的三维电子地图数据库中加载三维电子地图数据；

A3、所述服务器端以所述浏览器端的请求中的图像展示形式并根据加载的三维电子地图数据进行绘制三维电子地图，并将所述三维电子地图发送到所述浏览器端进行展示；

其中，步骤A3中所述图像展示形式是指与现实地图相对应的三维电子地图的展示形式；

所述三维电子地图为仿真场景电子地图。

3.根据权利要求1所述的三维仿真场景图像展示方法，其特征在于，所述步骤B中绘制所述欲展示的电子地图图像包括以下步骤：

B1、所述服务器端在接收到仿真场景电子地图请求后，根据步骤A3展示的三维电子地图的坐标点确定出欲展示的仿真场景电子地图的坐标范围；

B2、根据所述欲展示的仿真场景电子地图的坐标范围，从所述服务器端的仿真场景电子地图图像数据库中加载所述坐标范围内的欲展示的仿真场景电子地图图像；

B3、根据加载的欲展示的仿真场景电子地图图像，以所述浏览器端的请求中的图像展示形式进行绘制欲展示的仿真场景电子地图的图像。

4.根据权利要求1所述的三维仿真场景图像展示方法，其特征在于，所述步骤B中所述图像展示形式至少包括俯视形式和街视形式。

5.根据权利要求3、4所述的仿真场景电子图像的展示方法，其特征在于，所述步骤B3中所述电子地图以所述俯视形式展示，包括以下步骤：

B311、获取所述三维电子地图中街道的坐标；

B312、获取所述欲展示的仿真场景电子地图的坐标；

B313、判断所述欲展示的仿真场景电子地图坐标与所述三维电子地图中街道坐标的相对位置，面对街道的一面为所述欲展示的仿真场景电子地图的正面；

B314、将所述欲展示的仿真场景电子地图的正面展示出来。

6.根据权利要求1所述的三维仿真场景图像展示方法，所述服务器端还设置有人物模型库，其特征在于，所述人物模型库由一组静态图组成；

所述静态图至少包括前行走组图、左行走组图、右行走组图；

所述静态图在所述浏览器中以动画方式展示。

7.根据权利要求3、4、6所述的三维仿真场景图像展示方法，其特征在于，所述步骤B3中所述电子地图以所述街视形式展示，包括以下步骤：

B321、从所述服务器端人物模型库加载人物模型，并在所述浏览器端进行展示；

B322、获取已加载的所述人物模型在显示屏幕上的宽度数值，并根据此宽度数值建立所述人物模型对应的所述三维电子地图的展示区域，该展示区域随着所述人物模型的宽度数值变化而变化。

8.根据权利要求7所述的三维仿真场景图像展示方法，其特征在于，所述人物模型在鼠标的控制下进行走动。

9.根据权利要求1、7所述的三维仿真场景图像展示方法，其特征在于，所述浏览器端所在的显示屏幕按照其宽度从左到右均匀三等分，其中，左右两部分为地图等，中间部分为街道；

所述人物模型的宽度数值为鼠标在显示屏幕上的宽度数值。

10.根据权利要求8、9所述的三维仿真场景图像展示方法，其特征在于，所述人物模型在鼠标的控制下进行走动的控制流程，包括以下步骤：

S1、获取鼠标在显示屏幕上的宽度数值；

S2、判断所述已获取到的宽度数值在街道范围内，则加载所述人物模型库中的前行走组图；若所述宽度数值小于街道宽度数值的最小值，则加载所述人物模型库中左行走组图；若所述宽度数值大于街道宽度数值的最大值，则加载所述人物模型库中右行走组图。