[发明专利]生成全景图的方法、生成三维页面的方法以及计算设备

权利要求书

1.一种生成全景图的方法，在服务端执行，所述服务端包括第一图片存储器、第二图片存储器和数据存储器，所述第一图片存储器中存储有一个或多个图片组，每个图片组包括多张目标图片，所述方法包括：

对于一个或多个图片组中的每个图片组，生成对应于该图片组的页面文档，所述页面文档包括背景图片标签和多个图片标签，每个图片标签引用该图片组中的一张目标图片；

加载并渲染所述页面文档以生成目标页面，其中，目标图片在所述目标页面中的排列方式基于该图片组所包括的目标图片的数量确定；

将所述目标页面转换为图片，得到全景图；

将所述全景图存储到第二图片存储器中，并将图片组标识和存储地址相关联的存储到数据存储器中，以便响应于客户端的请求，将与图片组标识对应的全景图返回给客户端，由客户端将全景图渲染为三维页面进行展示；

将全景图中各目标图片的二维位置信息转换为三维位置信息，所述三维位置信息为目标图片在根据全景图生成的三维页面中的位置信息；

将目标图片的图片标识、描述信息与三维位置信息相关联的存储到数据存储器中，以便响应于客户端的请求，将目标图片的描述信息和三维位置信息返回给客户端，由客户端在三维页面中添加对应于目标图片的点击事件，进而在目标图片被点击时，在三维页面中展示对应的描述信息。

2.如权利要求1所述的方法，其中，所述二维位置信息为目标图片的四个顶点在全景图中的二维坐标，所述三维位置信息为目标图片的四个顶点在三维页面中的水平偏向角和垂直偏向角。

3.如权利要求2所述的方法，其中，所述三维位置信息按照如下公式计算得到：

ath＝(x/fullImgW-0.5)*360

atv＝(y/fullImgH-0.5)*(360*fullImgH/fullImgW)

其中，fullImgH是全景图的高度，fullImgW是全景图的宽度，(x,y)为所述二维坐标，ath为水平偏向角，atv为垂直偏向角。

4.如权利要求1所述的方法，还包括：

对所述全景图进行切图处理，得到多张切割图片；

将所述切割图片存储到第二图片存储器中，并将切割图片和存储地址相关联的存储到数据存储器中，以便客户端对所述全景图进行动态加载。

5.如权利要求4所述的方法，其中，所述切图处理包括：

将所述全景图切割成对应于三维页面的6张侧面图片；

将所述侧面图片切割成预定数目张子图片；和/或

将所述子图片转换成不同分辨率的层级图片。

6.如权利要求1所述的方法，其中，还包括：

当第一图片存储器存储的图片组中的目标图片发生更新时，重新生成该图片组对应的全景图。

7.如权利要求1所述的方法，其中，背景图片的宽高比为2:1。

8.一种生成三维页面的方法，在客户端执行，所述方法包括：

向服务端发送页面请求，所述页面请求携带图片组标识；

接收服务端响应于所述页面请求所返回的、与所述图片组标识对应的全景图，其中，所述全景图根据权利要求1～7中任一项所述的方法生成；

将所述全景图渲染为三维页面。

9.如权利要求8所述的方法，还包括：

根据目标图片的描述信息和三维位置信息，在三维页面中添加对应于目标图片的点击事件；

检测到目标图片被点击时，在三维页面中展示对应的描述信息。

10.如权利要求9所述的方法，其中，所述在三维页面中添加对应于目标图片的点击事件，包括：

根据目标图片的三维位置信息，生成覆盖所述目标图片的透明遮罩层，并在所述透明遮罩层上添加所述点击事件。