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

文档序号:8457990阅读:797来源:国知局
一种三维仿真场景图像展示方法
【技术领域】
[0001]本发明涉及计算机技术领域,具体涉及一种三维仿真场景图像展示方法。
【背景技术】
[0002]随着互联网技术的发展,很多传统的C/S (客户端/服务器端)应用程序都转到了B/S(浏览器/服务器)下,电子商务、电子政务及电子教育等电子服务应用越来越普遍。通常,电子服务网站中地图以文字表述模式展现,其数据包括基础地图信息及店内产品信息等,这就导致用户购买东西,选择商品时对商家地图的信息只能基于文字上的描述,尤其是对于用户来说不够形象直观。同时,对电子地图的地理位置信息也不能直接获取,从而无法更好地满足用户的需求度。

【发明内容】

[0003]有鉴于此,本申请提供一种三维仿真场景图像展示方法。能够灵活地在浏览器端实现绘制虚拟场景电子地图图像并展示,实现仿真场景电子地图图像和三维电子地图联动展现。
[0004]为解决以上技术问题,本发明提供的技术方案是一种三维仿真场景图像展示方法,包括以下步骤:
[0005]A、所述浏览器端向服务器发出仿真场景电子地图展示请求时,所述服务器端获取所述浏览器端的仿真场景电子地图图像信息;
[0006]B、所述服务器端根据所述仿真场景电子地图图像信息,以所述浏览器端的请求中的图形展示形式绘制欲展示的仿真场景电子地图图像,并将所述欲展示的仿真场景电子地图图像发送到所述浏览器端进行展示。
[0007]优选的,在所述步骤A之前还包括以下步骤:
[0008]Al、浏览器端向服务器端发出三维电子地图展示请求时,所述服务器端获取所述浏览器端的三维电子地图信息;
[0009]A2、所述服务器端根据所述三维电子地图的信息,从所述服务器端的三维电子地图数据库中加载三维电子地图数据;
[0010]A3、所述服务器端以所述浏览器端的请求中的图像展示形式并根据加载的三维电子地图数据进行绘制三维电子地图,并将所述三维电子地图发送到所述浏览器端进行展示;
[0011]其中,步骤A3中所述图像展示形式是指与现实地图相对应的电子地图的展示形式;
[0012]所述三维电子地图为仿真场景电子地图。
[0013]优选的,所述步骤B中绘制所述欲展示的电子地图图像包括以下步骤:
[0014]B1、所述服务器端在接收到仿真场景电子地图请求后,根据步骤A3展示的三维电子地图的坐标点确定出欲展示的仿真场景电子地图的坐标范围;
[0015]B2、根据所述欲展示的仿真场景电子地图的坐标范围,从所述服务器端的电子地图图像数据库中加载所述坐标范围内的欲展示的仿真场景电子地图图像;
[0016]B3、根据加载的欲展示的仿真场景电子地图图像,以所述浏览器端的请求中的图像展示形式进行绘制欲展示的仿真场景电子地图的图像。
[0017]优选的,所述步骤B中所述图像展示形式至少包括俯视形式和街视形式。
[0018]优选的,所述步骤B3中所述电子地图以所述俯视形式展示,包括以下步骤:
[0019]B311、获取所述三维电子地图中街道的坐标;
[0020]B312、获取所述欲展示的仿真场景电子地图的坐标;
[0021]B313、判断所述欲展示的仿真场景电子地图坐标与所述三维电子地图中街道坐标的相对位置,面对街道的一面为所述欲展示的仿真场景电子地图的正面;
[0022]B314、将所述欲展示的仿真场景电子地图的正面展示出来。
[0023]优选的,所述服务器端还设置有人物模型库,所述人物模型库由一组静态图组成;
[0024]所述静态图至少包括前行走组图、左行走组图、右行走组图;
[0025]所述静态图在所述浏览器中以动画方式展示。
[0026]优选的,所述步骤B3中所述电子地图以所述街视形式展示,包括以下步骤:
[0027]B321、从所述服务器端人物模型库加载人物模型,并在所述浏览器端进行展示;
[0028]B322、获取已加载的所述人物模型在显示屏幕上的宽度数值,并根据此宽度数值建立所述人物模型对应的所述电子地图的展示区域,该展示区域随着所述人物模型的宽度数值变化而变化。
[0029]优选的,所述人物模型在鼠标的控制下进行走动。
[0030]优选的,所述浏览器端所在的显示屏幕按照其宽度从左到右均匀三等分,其中,左右两部分为地图等,中间部分为街道;
[0031]所述人物模型的宽度数值为鼠标在显示屏幕上的宽度数值。
[0032]优选的,所述人物模型在鼠标的控制下进行走动的控制流程,包括以下步骤:
[0033]S1、获取鼠标在显示屏幕上的宽度数值;
[0034]S2、判断所述已获取到的宽度数值在街道范围内,则加载所述人物模型库中的前行走组图;若所述宽度数值小于街道宽度数值的最小值,则加载所述人物模型库中左行走组图;若所述宽度数值大于街道宽度数值的最大值,则加载所述人物模型库中右行走组图。
[0035]从上述的技术方案可以看出,本申请提供了一种三维仿真场景图像展示方法,该方法基于一个三维仿真场景电子地图服务平台,实现仿真场景、电子地图和虚拟人物联动展现。
[0036]本申请与现有技术相比,其详细说明如下:
[0037]使用本申请方法能够灵活地在浏览器端实现绘制三维仿真场景电子地图图像并展示,其中,三维仿真场景电子地图中的仿真场景与电子地图是分离的,用户需要时才提取场景电子地图的信息数据,节约服务器端资源;
[0038]使用本申请方法使三维仿真场景电子地图以图像的方式展示,更优于文字模式,更方便于用户使用,降低了操作难度,扩大了使用人群。
[0039]本申请所所述方法基于B/S的模式运行,对用户终端的要求不高。
【附图说明】
[0040]图1是本申请的一个实施例的图像展现方法的流程图;
[0041]图2是本申请的一个实施例的图像展现方法绘制图像的流程图;
[0042]图3是本申请的一个实施例的图像展现方法以俯视方式展示图像的流程图;
[0043]图4是本申请的一个实施例的图像展现方法以街视方式展示图像的流程图;
[0044]图5是本申请的一个实施例的图像展现方法展现图像中人物模型控制流程图;
[0045]图6是本申请的一个实施例的图像展现方法电子地图示意图;
[0046]图7是本申请的一个实施例的图像展现方法电子地图展示示意图;
[0047]图8是本申请的一个实施例的图像展现方法街道展示示意图;
[0048]图9是本申请的一个实施例的图像展现方法人物模型街视电子地图示意图;
[0049]图10是本申请的一个实施例的图像展现方法全面浏览三维仿真场景示意图。
【具体实施方式】
[0050]为了使本领域的技术人员更好地理解本发明的技术方案,下面结合具体实施例对本发明作进一步的详细说明。
[0051]如图1所示,本申请提供一种三维仿真场景图像展示方法,包括:
[0052]步骤Al、浏览器端向服务器端发出三维电子地图展示请求时,服务器端获取浏览器端的三维电子地图信息;
[0053]其中,三维电子地图信息为仿真场景信息,包括仿真场景所在省、市、区(县)的信息,包括仿真场景的坐标信息。
[0054]步骤A2、服务器端根据三维电子地图的信息,从服务器端的三维电子地图数据库中加载三维电子地图数据;
[0055]步骤A3、服务器端以浏览器端的请求中的图像展示形式并根据加载的三维电子地图数据进行绘制三维电子地图,并将三维电子地图发送到浏览器端进行展示;
[0056]步骤A、浏览器端向服务器发出场景电子地图展示请求时,服务器端获取浏览器端的场景电子地图图像信息;
[0057]步骤B、服务器端根据仿真场景电子地图图像信息,以浏览器端的请求中的图像展示形式绘制欲展示的仿真场景电子地图图像,并将欲展示的仿真场景电子地图图像发送到浏览器端进行展示。
[0058]需要说明的是,其中,所述图像展示形式是指与仿真场景地图相对应的三维电子地图的展示形式;所述三维电子地图的地标物至少包括街道、楼宇等。电子地图大小的生成可由管理方设定,有一个最大的坐标范围,如(0-9999,0-9999)。不同的仿真场景电子地图在浏览器端的展示大小也不同,如A仿真场景地图坐标为(0-999,0-999),B仿真场景地图坐标为(0-666,0-666)。电子地图图像信息包括坐标信息、显示方式等,其显示方式包括有俯视和街视两种方式,但不限于这两种方式。电子地图的附加显示信息还有包括各个仿真场景的附加信息(如商家的店名、级别、经营范围、正常营业与否;政府服务机构的名称、月艮务范围、正常工作与否)等信息。
[0059]如图2所示,所述步骤B中绘制所述欲展示的电子地图图像包括以下步骤:
[0060]B1、服务器端在接收到仿真场景电子地图请求后,根据步骤A3展示的三维电子地图的坐标点确定出欲展示的仿真场景电子地图的坐标范围;
[0061]B2、根据所述欲展示的仿真场景电子地图的坐标范围,从服务器端的电子地图图像数据库中加载所述坐标范围内的欲展示的仿真场景电子地图图像;
[0062]B3、根据加载的欲展示的仿真场景电子地图图像,以浏览器端的请求中的图像展示形式进行绘制欲展示的仿真场景电子地图的图像。
[0063]如图3所示,所述步骤B3中所述电子地图以俯视形式展示,包括以下步骤:
[0064]B311、获取所述三维电子地图中街道的坐标;
[0065]B312、获取所述欲展示仿真场景电子地图的坐标;
[0066]B313、判断所述欲展示的仿真场景电子地图坐标与所述三维电子地图中街道坐标的相对位置,面对街道的一面为所述欲展示的仿真场景电子地图的正面;
[0067]B314、将所述欲展示的仿真场景电子地图的正面展示出来。
[0068]需要说明的是,三维仿真场景中电子地图呈现的是二维模式,如图6所示,二维模式可以展示U、V、W三个面,电子地图的正对面即V面,这种二维模式展示,对于电子地图有方向。
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1