全景图展示的方法及装置与流程

本发明涉及图像信息处理技术，尤其涉及一种全景图展示的方法及装置。

背景技术：

全景图能够通过广角的表现手段以及绘画、相片、视频、三维模型等形式，尽可能多表现出周围的环境。其避免了一般平面效果图视角单一的缺点，能够给使用者带来全方位感受。且全景图互动性强，使用者可以从任意一个角度查看想要查看的场景，犹如身临其境，能够帮助使用者真实了解所在的场景，也能够更完美的向客户展现最终的设计效果。展现效果能够与三维动画效果相媲美，但是制作成本大大低于三维动画，且制作周期短。

上述优点也是近年来全景图得到快速发展的原因。但是，虽然全景图基本对整个空间进行了较为全面的展示，但是对于场景中一些体积较小的立体结构以及靠近场景边缘的物体，使用者还是较难通过全景图获知其较为具体的三维结构。

技术实现要素：

基于此，有必要针对上述问题，提供一种在全景图中展现灵活展现物品三维模型的全景图展示的方法及装置。

为实现本发明目的提供的一种全景图展示的方法，包括以下步骤：

获取全景图中获取详细信息的事件触发信息；

根据所述事件触发信息响应相应的详细信息；

展示所述详细信息；

所述详细信息包括物品的三维模型。

在其中一个实施例的全景图展示的方法中，所述展示所述详细信息包括在所述全景图中展示所述详细信息及在新建页面展示所述详细信息。

在其中一个实施例的全景图展示的方法中，所述全景图为在网页中展示的全景图，所述在新建页面展示所述详细信息为打开一个新的网页展示所述详细信息。

在其中一个实施例的全景图展示的方法中，所述方法还包括以下步骤：

对全景图中需要进行详细展示的物品进行三维建模，得到物品的三维模型；

构建所述三维模型的展示网页；

在所述全景图中对进行详细展示的物品的展示区域设置热点链接，与所述展示网页相关联；

所述事件触发信息为所述物品的展示区域的选中信息。

在其中一个实施例的全景图展示的方法中，所述方法还包括以下步骤：

生成所述物品的三维模型对应的webgl格式数据；

所述三维模型的展示网页为javascript格式的网络页面。

在其中一个实施例的全景图展示的方法中，所述全景图包括能够在pc端进行展示的全景图及能够在移动端进行展示的全景图。

在其中一个实施例的全景图展示的方法中，所述详细信息还包括音频、视频、图像、文字。

基于同一发明构思还提供一种全景图展示的装置，所述装置包括：

信息获取模块，用于获取全景图中获取详细信息的事件触发信息；

信息响应模块，用于根据所述事件触发信息响应相应的详细信息；

信息展示模块，用于展示所述详细信息；

所述详细信息包括物品的三维模型。

在其中一个实施例的全景图展示的装置中，所述信息展示模块在所述全景图中展示所述详细信息或者在新建页面展示所述详细信息。

本发明的有益效果包括：本发明提供的一种全景图展示的方法，其在全景图中增加热点链接，从而实现在全景图中叠加感兴趣物品的三维模型。当全景图观察者通过点击等方式激活热点获取物品的更详细信息后，能够进一步通过三维模型更详细观察物品，对体积较小的物品以及底部有显著特征的物品具有重要意义。

附图说明

图1为本发明一种全景图展现的方法的一具体实施例的流程图；

图2为本发明一种全景图展现的方法的另一具体实施例的流程图；

图3为本发明一种全景图展现的方法的又一具体实施例的流程图；

图4为本发明一种全景图展现的方法的一具体实施例的系统结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图对本发明的全景图展示的方法的具体实施方式进行说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

如图1所示，本发明一实施例的全景图展示的方法，包括以下步骤：

s100，获取全景图中获取详细信息的事件触发信息。

需要说明的是，本实施例中所说的全景图是指在网页页面上展示的某个区域的全景图。在进行展示之前，首先采集相应区域的全景图图像，并进行拼接匀色等全景图处理步骤，生成全景图拼接数据，然后对全景图进行lod的图像分层分级处理，生成网络适合的html5格式数据。当然，在其他实施例中，也可以生成不基于网络独立展示的三维全景图像。

对于全景图中的包含的多个具体物品，均可以在全景图中详细观察。但是与传统技术不同的是，本实施例的全景图展示的方法，对全景图中需要进一步展示的物品设置热点链接，但参观者激活链接后，则可更加详细的展示所选择物品的三维图像。

本领域技术人员可以理解，本步骤s100中对事件触发信息的获取是一个持续进行的过程，只要观察人员激活所观赏的全景图中设置的热点链接即会生成所述事件触发信息。

对于热点链接的具体激活方式，可以采用光标双击、单击，或者框选选中的方式，当然在某些实施例中，根据具体需求，也可以将光标在相应物体上长时间悬停作为热点链接的激活方式。如设置光标在设置有热点链接物体区域停留3秒以上则激活链接，生成所述事件触发信息。

s200，根据事件触发信息响应相应的详细信息。

需要说明的，本实施例的全景图展示的方法中，除了存储所要展示的全景图的全部数据外，还预先存储需要详细展示的物品的相关详细信息，且该详细信息中包含该物品的三维模型。

当对需要展示详细信息的物品设置热点链接时，相对应的存储每个链接与详细信息。当某个链接被激活后，从数据库中调取所对应存储的详细信息。

s300，展示详细信息。

步骤s200调取到所要展示的物品的详细信息后，将信息推动到前端，本步骤中对所述详细信息进行展示。

作为一种展示方式，可以在全景图界面中以弹出框的形式展示所述包含物品三维模型的详细信息。在另一种展示方式中，以并列与所述全景图展示窗口的方式，新建一个展示页面对所述详细信息进行展示。另外还需要说明的是，对于所展示的物品的三维模型，观察者可以通过光标拖动的方式对三维模型进行旋转，从而可以全方位的对全景图中的物品进行细致的观察。尤其是对全景图中体积较小以及印章等底部具有明显特征的物品具有重要意义。随时获取全景图中物品的三维模型，给观察者更直观、更具体的观察体验。

另外，除了将三维模型作为物品的详细信息进行展示外，也可以将音频、视频、图像以及文字等介绍信息作为物品的详细信息进行展示。一般将所有要展示的详细信息集成在一起与一个热点链接关联。如在一个展示页面的左侧展示物品的三维模型，在右侧展示物品的文字或者图像介绍信息。当然，也可进行较为复杂的设计，如单击展示物品的文字、图像等详细信息，而双击展示物品的三维模型等。

还需要说明的是，如果以新建页面的方式展示物品的详细信息，观察者可自行关闭所打开的详细信息展示页面。而对于在全景图中弹出框形式展现的详细信息，可以设定无活动(光标离开展示页面)3秒后自动退出所述详细信息展示。也可以设定打开一个新的详细信息展示框之后，自动关闭前一个打开的详细信息展示框。当然，在其他实施例方式中，也可以设定允许同时打开多个详细信息展示框。

为了对全景图中的物品进行三维模型展示，在其中一个实施例中，如图2所示，全景图展示的方法中还包括以下步骤：

s010，对全景图中需要进行详细展示的物品进行三维建模，得到物品的三维模型。

本步骤中，采集所要详细展示的物品的三维模型原始数据，通过例如图像三维重建、激光点云纹理映射或正向建模方法等其中一种方法的处理，生成物品的三维模型，并进行模型简化和格式转化，生成webgl适合网络展示的数据。

s020，构建三维模型的展示网页。

本步骤中将要展示的物品的三维模型生成独立的javascript网络页面。

s030，在全景图中对进行详细展示的物品的展示区域设置热点链接，与展示网页相关联。

步骤s100中事件触发信息为物品的展示区域的选中信息，也即热点链接的激活信息。

还需要说明的是，本实施例方法中所称物品可以是独立的一个完整的物品，也可以是物品的一部分，所述详细信息可以对物品的整体信息进行进一步展示也可以对物品的部分结构进行进一步展示。

参见图3，在一具体实例中，全景图的制作以及三维模型的制作并行进行。

分别采集数据，并制作成全景图及三维模型。对全进图及三维模型分别进行数据管理。全景图采用html5格式进行展示，三维模型采用webgl格式进行展示。在全景图中对感兴趣的物品设置兴趣热点，并建立热点链接，将热点链接与三维模型的独立网页建立关联。并针对不同显示终端，包括pc端和移动终端，对全景图展示和三维模型展示进行网络适配处理，使得全景图和三维模型的展示能同时适应pc端(桌面端)和移动端的网络展示。

且本实施例的全景图展示的方法，全景图和三维模型可以基于互联网进行叠加展示，也可以基于局域网进行叠加展示。

基于同一发明构思，还提供一种全景图展示的装置，由于此装置解决问题的原理与前述一种全景图展示的方法相似，因此，该装置的实施可以按照前述方法的具体步骤实现，重复之处不再赘述。

如图4所示，其中一个实施例的全景图展示的装置包括信息获取模块100、信息响应模块200及信息展示模块300。其中，所述信息获取模块100，用于获取全景图中获取详细信息的事件触发信息；所述信息响应模块200，用于根据事件触发信息响应相应的详细信息；所述信息展示模块300，用于展示物品的详细信息。且所述详细信息包括物品的三维模型。

该全景图展示的装置通过在全景图中叠加物品详细的三维模型信息，使观察者能够更进一步获取全景图中感兴趣物品的进一步信息，能够更加全面了解物品的特征，尤其对底部有显著特征的物品具有重要意义。可以广泛的应用到博物馆等全景图中。

当然，所述详细信息除了包含所述三维模型外，还可以包括音频、视频、图形以及文字等信息。

且所述信息展示模块可以在全景图中展示详细信息，也可以在新建页面展示详细信息。可以以在全景图中弹出展示框的形式展示所述详细信息，也可以以新建网页的形式展示所述详细信息。具体实施过程中，可以在全景图中感兴趣区域建立热点链接，并关联相对应的详细信息，当热点链接激活后，自动展现所述详细信息。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(read-onlymemory，rom)或随机存储记忆体(randomaccessmemory，ram)等。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。