一种多维度的三维场景展示方法及装置制造方法及图纸

本发明专利技术提供了一种多维度的三维场景展示方法及装置。方法包括：访问终端通过浏览器访问页面时，向访问终端发送数据；检测访问终端的浏览器是否支持WebGL协议，若浏览器支持WebGL协议，则使浏览器加载访问终端接收的房屋户型图、室内3D模型和室内全景图像；在浏览器加载访问终端接收的房屋户型图、室内3D模型和室内全景图像后，使浏览器进行初始化，展示加载的房屋户型图和室内3D模型，在进入全景时加载室内全景图像。本发明专利技术可以直观的了解房屋的整体布局，对房屋有一个整体的认识；便于用户选择合适的房源，减少用户选择房屋的时间，提高用户选房效率以及给予用户身临其境的感觉；对于房地产经纪人来说，也会提高其工作效率。

A multi-dimensional 3D scene display method and device

The invention provides a multi-dimensional three-dimensional scene display method and device. Methods include sending data to the access terminal when the access terminal visits the page through the browser, checking whether the browser of the access terminal supports WebGL protocol, and making the browser load the house layout, indoor 3D model and indoor panoramic image received by the access terminal if the browser supports WebGL protocol, and loading the visit in the browser. Ask the terminal to receive the house layout, indoor 3D model and indoor panoramic image, then initialize the browser, display the loaded house layout and indoor 3D model, and load the indoor panoramic image when entering the panorama. The invention can intuitively understand the overall layout of the house and have an overall understanding of the house; it is convenient for the user to select the suitable house source, reduces the time for the user to select the house, improves the efficiency of the user to select the house and gives the user the feeling of being in the presence of the house; and it can also improve the work efficiency of the real estate broker.

【技术实现步骤摘要】
一种多维度的三维场景展示方法及装置
本专利技术涉及显示
，具体涉及一种多维度的三维场景展示方法及装置。
技术介绍
在实际生活中，用户在购房或租房时，都会先参考房地产公司提供的房屋照片，然后再到房屋所在地进行实地选择。为了满足用户的需求，房地产经纪人通过拍摄设备对房屋进行拍照，得到若干的房屋照片，或者根据房屋的照片拼接成全景照片，便于用户选房时的参考。但是，不管是房屋的照片或全景照片，用户每次仅仅能够看到房屋的一部分，而且用户看到是图片，因此导致用户很难对房屋有一个整体的认识，进而很难真正全面的了解房屋的实际情况。这对于用户来说，会增加其选择房屋的时间，降低用户选房效率和体验；对于房地产经纪人来说，会降低其工作效率。
技术实现思路
针对现有技术中的缺陷，本专利技术提供一种多维度的三维场景展示方法及装置，通过3D模型结合多维度的方式展示房屋场景，实现提高用户的选房效率和房产经纪人的工作效率。为实现上述目的，本专利技术提供以下技术方案：一方面，本专利技术提供了一种多维度的三维场景展示方法，包括：访问终端通过浏览器访问页面时，向所述访问终端发送数据；其中，所述数据包括：房屋户型图、室内3D模型和室内全景图像；检测所述访问终端的浏览器是否支持WebGL协议，若所述浏览器支持WebGL协议，则使所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像；在所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像后，使所述浏览器进行初始化，展示加载的房屋户型图和室内3D模型，在进入全景时展示加载室内全景图像。进一步的，所述方法还包括：所述浏览器不支持WebGL协议，则使所述浏览器加载所述访问终端接收的室内全景图像；在所述浏览器加载所述访问终端接收的室内全景图像后，使所述浏览器进行初始化，展示所述室内全景图像。进一步的，所述浏览器支持WebGL协议，则通过Panorama控件使所述浏览器加载所述访问终端接收的所述数据中的室内全景图像。进一步的，所述浏览器不支持WebGL协议，则通过CSS3D的方式使所述浏览器加载所述访问终端接收的所述数据中的室内全景图像。进一步的，所述访问终端包括：计算机、智能手机和平板电脑。进一步的，所述访问终端为智能手机或平板电脑时，通过将所述浏览器展示的所述室内全景图进行分屏，以使浏览器通过VR的方式进行展示。另一方面，本专利技术还提供了一种多维度的三维场景展示装置，包括：数据发送单元，用于访问终端通过浏览器访问页面时，向所述访问终端发送数据；其中，所述数据包括：房屋户型图、室内3D模型和室内全景图像；协议检测单元，用于检测所述访问终端的浏览器是否支持WebGL协议，若所述浏览器支持WebGL协议，则使所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像；展示单元，用于在所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像后，使所述浏览器进行初始化，展示加载的房屋户型图和室内3D模型，在进入全景时展示加载室内全景图像。进一步的，所述装置还包括：判断单元，用于所述浏览器不支持WebGL协议，则使所述浏览器加载所述访问终端接收的室内全景图像；显示单元，用于在所述浏览器加载所述访问终端接收的室内全景图像后，使所述浏览器进行初始化，展示所述室内全景图像。进一步的，所述协议检测单元，包括：第一加载模块，用于所述浏览器支持WebGL协议，则通过Panorama控件使所述浏览器加载所述访问终端接收的所述数据中的室内全景图像。进一步的，所述判断单元，包括：第二加载模块，用于所述浏览器不支持WebGL协议，则通过CSS3D的方式使所述浏览器加载所述访问终端接收的所述数据中的室内全景图像。由上述技术方案可知，本专利技术所述的一种多维度的三维场景展示方法及装置，通过多维度的展示方式将房屋户型图、室内3D模型和室内全景图像同时展示并相互对应起来参考，实现了用户在选取房屋时，可以直观的了解房屋的整体布局，对房屋有一个整体的认识；便于用户选择合适的房源，减少用户选择房屋的时间，提高用户选房效率和用户体验；对于房地产经纪人来说，也会提高其工作效率。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例提供的一种多维度的三维场景展示方法的流程示意图；图2是本专利技术实施例提供的一种多维度的三维场景展示装置的结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术实施例提供的一种多维度的三维场景展示方法，参见图1，包括：S101：访问终端通过浏览器访问页面时，向所述访问终端发送数据；在本步骤中，访问终端通过其上的浏览器访问网页页面时，网页页面的服务器会接收到访问终端的访问请求和访问终端上浏览器的属性，网页页面的服务器根基访问终端的请求向访问终端发送数据，发送的数据为显示网页页面内容所需的参数，其中，所述数据包括：房屋户型图、室内3D模型和室内全景图像；S102：检测所述访问终端的浏览器是否支持WebGL协议，若所述浏览器支持WebGL协议，则使所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像；在本步骤中，网页页面的服务器在接收到访问终端的访问请求和访问终端上浏览器的属性后，根据浏览器的属性检测并判断访问终端的浏览器是否支持WebGL协议，在确定访问终端的浏览器支持WebGL协议后，通过Panorama控件访问终端上的浏览器加载访问终端接收的所述数据中的室内全景图像；并通过WebGL协议的扩展性能OES_element_index_uint接口，使浏览器加载访问终端接收的所述数据中的室内3D模型。S103：在所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像后，使所述浏览器进行初始化，展示加载的房屋户型图和室内3D模型，在进入全景时展示加载室内全景图像。在本步骤中，访问终端上的浏览器在加载访问终端接收的房屋户型图、室内3D模型和室内全景图像后，进行初始化，初始化后，预先展示加载房屋户型图和室内3D模型，默认显示室内3D模型。用户在访问终端的浏览器上可以点击进入全景时，才会开始加载全景图像，并可以在室内全景图像中进行漫游。用户在访问终端的浏览器上可以选取单独展示房屋户型图、室内3D模型或室内全景图像。从上述描述可知，本专利技术实施例提供的一种多维度的三维场景展示方法，通过多维度的展示方式，将房屋户型图、室内3D模型和室内全景图像同时展示并相互对应起来参考，可以直观的了解房屋的整体布局，对房屋有一个整体的认识；便于用户选择合适的房源，减少用户选择房屋的时间，提高用户选房效率和用户体验；对于房地产经纪人来说，也会提高其工作效率。在上述实施例的基础上，该多维本文档来自技高网...

【技术保护点】
1.一种多维度的三维场景展示方法，其特征在于，包括：访问终端通过浏览器访问页面时，向所述访问终端发送数据；其中，所述数据包括：房屋户型图、室内3D模型和室内全景图像；检测所述访问终端的浏览器是否支持WebGL协议，若所述浏览器支持WebGL协议，则使所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像；在所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像后，使所述浏览器进行初始化，展示加载的房屋户型图和室内3D模型，在进入全景时展示加载室内全景图像。

【技术特征摘要】
1.一种多维度的三维场景展示方法，其特征在于，包括：访问终端通过浏览器访问页面时，向所述访问终端发送数据；其中，所述数据包括：房屋户型图、室内3D模型和室内全景图像；检测所述访问终端的浏览器是否支持WebGL协议，若所述浏览器支持WebGL协议，则使所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像；在所述浏览器加载所述访问终端接收的房屋户型图、室内3D模型和室内全景图像后，使所述浏览器进行初始化，展示加载的房屋户型图和室内3D模型，在进入全景时展示加载室内全景图像。2.根据权利要求1所述的三维场景展示方法，其特征在于，所述方法还包括：所述浏览器不支持WebGL协议，则使所述浏览器加载所述访问终端接收的室内全景图像；在所述浏览器加载所述访问终端接收的室内全景图像后，使所述浏览器进行初始化，展示所述室内全景图像。3.根据权利要求1或2所述的三维场景展示方法，其特征在于，所述浏览器支持WebGL协议，则通过Panorama控件使所述浏览器加载所述访问终端接收的所述数据中的室内全景图像。4.根据权利要求2所述的三维场景展示方法，其特征在于，所述浏览器不支持WebGL协议，则通过CSS3D的方式使所述浏览器加载所述访问终端接收的所述数据中的室内全景图像。5.根据权利要求1所述的三维场景展示方法，其特征在于，所述访问终端包括：计算机、智能手机和平板电脑。6.根据权利要求1所述的三维场景展示方法，其特征在于，所述访问终端为智能手机或平板电脑时，通过将所述浏览器展示的所...

【专利技术属性】
技术研发人员：魏云申，
申请(专利权)人：链家网北京科技有限公司，
类型：发明
国别省市：北京,11