CN114935977B - 空间锚点处理方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请公开了一种空间锚点处理方法、装置、电子设备及存储介质。本申请实施例提供的技术方案，基于坐标转换得到的各个空间锚点在屏幕坐标系下的二维坐标和空间锚点渲染文件中各个空间锚点对应的样式信息和固定像素值，在目标三维实景空间中渲染出各个空间锚点。由于渲染空间锚点依据的是空间锚点在屏幕坐标系中的二维坐标，而且在空间锚点渲染文件中赋予各空间锚点具有固定像素值，基于空间锚点在屏幕坐标系下的二维坐标及其具有的固定像素值将空间锚点渲染至屏幕上，这样，在对空间锚点进行画面放大操作时，空间锚点的像素值不发生改变，那么空间锚点的清晰度也不会随着空间锚点被放大而变得模糊，保证了用户的使用体验。

Description

空间锚点处理方法、装置、电子设备及存储介质

技术领域

本申请涉及VR技术领域，尤其涉及一种空间锚点处理方法、装置、电子设备及存储介质。

背景技术

随着虚拟现实(Virtual Reality，VR)技术的发展，虚拟现实技术和空间锚点技术目前已广泛应用于基于三维实景空间的一些应用场景，例如VR在线看车场景。在VR场景中，空间锚点可以将物理空间中存在的目标物体的详情信息，具体形象地定位在物理空间对应的三维实景空间中对应的位置。

空间锚点在三维实景空间中会以具体的形态展现，例如，可以以圆形、长方形或混合图形等形式显示在图形用户界面上；操作空间锚点，会在三维实景空间中展示与空间锚点关联的目标物体的详情信息。

现有技术中，是通过Canvas技术基于空间锚点的世界坐标生成空间锚点，Canvas中文名称叫“画布”，它是游戏中所有UI组件的“容器”。但是，通过Canvas技术生成出的空间锚点在三维实景空间中进行显示时，如果对空间锚点进行画面放大操作，会出现空间锚点不清晰的问题，影响用户的使用体验。

发明内容

为解决或改善现有技术中存在的问题，本申请各实施例提供了一种空间锚点处理方法、装置、电子设备及存储介质。

在本申请的一实施例中，提供了一种空间锚点处理方法。该方法包括：接收针对目标三维实景空间发起的空间锚点生成请求，空间锚点生成请求中包括目标三维实景空间中各个空间锚点在目标三维实景空间中的三维空间坐标；基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标；基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点，其中，空间锚点渲染文件中至少包括各个空间锚点对应的样式信息和对应的固定像素值。

在本申请的另一实施例中，提供了一种空间锚点处理装置。该装置，包括：接收模块，用于接收针对目标三维实景空间发起的空间锚点生成请求，空间锚点生成请求中包括目标三维实景空间中各个空间锚点在目标三维实景空间中的三维空间坐标；坐标变换模块，用于基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标；锚点渲染模块，用于基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点，其中，空间锚点渲染文件中至少包括各个空间锚点对应的样式信息和对应的固定像素值。

在本申请的再一实施例中，提供了另一种电子设备。该设备，包括：存储器和处理器；存储器用于存储计算机程序，处理器与存储器耦合，用于执行计算机程序，以用于实现以上所述方法中的步骤。

在本申请的一个实施例中，提供了一种存储有计算机程序/指令的计算机可读存储介质，当计算机程序/指令被处理器执行时，致使处理器能够实现以上所述方法中的步骤。

本申请各实施例提供的技术方案，首先，基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标转换，得到各个空间锚点在屏幕坐标系中的二维坐标；进一步，基于各个空间锚点在屏幕坐标系下的二维坐标和空间锚点渲染文件中各个空间锚点对应的样式信息和固定像素值，在目标三维实景空间中渲染出各个空间锚点。由于渲染空间锚点依据的是空间锚点在屏幕坐标系中的二维坐标，而且在空间锚点渲染文件中赋予各空间锚点具有固定像素值，基于空间锚点在屏幕坐标系下的二维坐标及其具有的固定像素值将空间锚点渲染至屏幕上，这样，在对空间锚点进行画面放大操作时，空间锚点的像素值不发生改变，那么空间锚点的清晰度也不会随着空间锚点被放大而变得模糊，保证了用户的使用体验。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1a为本申请一示例性实施例提供的空间锚点处理方法的流程示意图；

图1b-1f为本申请一示例性实施例提供的各视角画面的示意图；

图2为本申请一示例性实施例提供的空间锚点处理装置的结构示意图；

图3为本申请一示例性实施例提供的电子设备的结构示意图。

具体实施方式

本申请提供了如下各实施例以解决或部分解决上述各方案存在的问题。为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

在本申请的说明书、权利要求书及上述附图中描述的一些流程中，包含了按照特定顺序出现的多个操作，这些操作可以不按照其在本文中出现的顺序来执行或并行执行。操作的序号如101、102等，仅仅是用于区分各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。此外，下文描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

图1a示出了本申请一实施例提供的空间锚点处理方法的流程示意图。本申请实施例提供的空间锚点处理方法可以运行于电子设备，电子设备可以提供图形用户界面，且可以在图形用户界面上显示与目标物理空间对应的三维实景空间。其中，电子设备可以是任一可以安装应用程序(如APP、小程序或客户端)且具有显示屏幕及交互功能的智能设备，例如，电子设备可以是智能手持设备，例如智能手机、平板电脑，可以是台式设备，例如笔记本电脑或台式电脑等，也可以是智能穿戴设备，例如智能手表、智能手环等，还可以是各种带有显示屏幕的智能家电，例如智能电视、智能大屏或智能机器人等。应用程序可以是独立的APP，也可以是依赖于独立APP运行的小程序。

目标物理空间可以是任何能够提供基于其三维实景空间的线上服务的物理空间，例如可以是物理汽车空间、物理房屋空间、物理会展空间、共享办公空间等。以物理汽车空间为例，可以基于其三维实景空间提供在线看车服务；以物理房屋空间为例，可以基于其三维实景空间提供在线看房服务；以物理会展空间为例，可以基于其三维实景空间提供在线浏览展品服务；以共享办公空间为例，可以基于其三维实景空间提供在线查看、预约或租用办公空间的服务等。

无论是哪种目标物理空间，用户都可以在其对应的三维实景空间进行扫视、交互或漫游，从而使用基于三维实景空间的在线服务。在用户在三维实景空间中扫视或漫游的过程中，需要能够根据用户的视角变化和需求，实现展示三维实景空间中的不同视角画面，并可向用户提供各个实景对象的详情信息。其中，目标物理空间及其应用场景的不同，三维实景空间中的实景对象会有所不同。以物理汽车空间通过其三维实景空间向用户提供在线看车服务为例，物理汽车空间具体可以是物理汽车的内部空间，相应地，三维实景空间可以是物理汽车内部的三维实景空间，该三维实景空间中包含的实景对象可以是汽车内饰的中控台、方向盘、驾驶座椅、副驾驶座椅、后排座椅、扶手箱等各种汽车的结构模型。在本申请下述实施例中，以目标物理空间为物理车辆的内部空间，并以物理车辆内部的三维实景空间为例进行图示。

在本实施例的三维实景空间中，具有空间锚点。空间锚点可以将物理空间中存在的实景对象及其详情信息，具体形象地定位在物理空间对应的三维实景空间中对应的位置，通过操作空间锚点，会在三维实景空间中展示与空间锚点关联的实景对象及其详情信息。那么，为了实现用户的上述需求，本申请实施例提供一种空间锚点处理方法，该方法可以为三维实景空间中的各个实景对象生成对应的空间锚点。同时，为了解决对空间锚点进行画面放大操作，会出现空间锚点不清晰的问题，本申请实施例在生成三维空间中的各个实景对象对应的空间锚点时，可以基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标转换，得到各个空间锚点在屏幕坐标系中的二维坐标；进一步，基于各个空间锚点在屏幕坐标系下的二维坐标和空间锚点渲染文件中各个空间锚点对应的样式信息和固定像素值，在目标三维实景空间中渲染出各个空间锚点。由于渲染空间锚点依据的是空间锚点在屏幕坐标系中的二维坐标，而且在空间锚点渲染文件中赋予各空间锚点具有固定像素值，基于空间锚点在屏幕坐标系下的二维坐标及其具有的固定像素值将空间锚点渲染至屏幕上，这样，在对空间锚点进行画面放大操作时，空间锚点的像素值不发生改变，那么空间锚点的清晰度也不会随着空间锚点被放大而变得模糊，保证了用户的使用体验。

具体地，如图1a所示，本申请实施例提供的空间锚点处理方法包括：

101、接收针对目标三维实景空间发起的空间锚点生成请求，空间锚点生成请求中包括目标三维实景空间中各个空间锚点在目标三维实景空间中的三维空间坐标；

102、基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，

得到各个空间锚点在屏幕坐标系中的二维坐标；

103、基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点，其中，空间锚点渲染文件中至少包括各个空间锚点对应的样式信息和对应的固定像素值。

在本实施例中，电子设备在接收到针对目标三维实景空间发起的空间锚点生成请求后，首先基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对空间锚点生成请求中包括的各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维空间坐标。需要说明的是，各个空间锚点在屏幕坐标系中的二维空间坐标会随着当前屏幕显示的三维实景空间场景的视角的改变而动态变化。

进一步地，在得到各个空间锚点在屏幕坐标系中的二维空间坐标后，可以基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点。

本实施例对空间锚点渲染文件的种类不做限定，例如，空间锚点渲染文件可以包括：HTML(HyperText Mark-up Language)文件和CSS

(Cascading Style Sheets，层叠样式表)文件，HTML是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，其允许嵌入图像与对象，并且可以用于创建交互式表单，用来结构化信息，例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。CSS是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

在本实施例中，HTML文件中至少包括各个空间锚点对应的固定像素值，固定像素值可用于设置各个空间锚点在屏幕上显示时占据的像素数量，CSS文件中至少包括各个空间锚点对应的样式信息，样式信息可用于渲染各个空间锚点的显示形态，本实施例不限定各个空间锚点的显示形态，例如显示形态可以是静态的单一图形或混合图形，也可以是动态的单一图形或混合图形，单一图形可以是长方形、正方形等简单图形，如图1b所示，空间锚点的显示形态可以为动态闪烁灯的混合图形。由于渲染空间锚点依据的是空间锚点在屏幕坐标系中的二维坐标，而且在空间锚点渲染文件中赋予各空间锚点具有固定像素值，基于空间锚点在屏幕坐标系下的二维坐标及其具有的固定像素值将空间锚点渲染至屏幕上，这样，在对空间锚点进行画面放大操作时，空间锚点的像素值不发生改变，那么空间锚点的清晰度也不会随着空间锚点被放大而变得模糊，保证了用户的使用体验。

在本实施例中，基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标的一具体实施方式如下：首先，将各个空间锚点在目标三维实景空间中的三维空间坐标与视图矩阵相乘，得到各个空间锚点在观察坐标系中的中间态坐标；进一步，将各个空间锚点在观察坐标系中的中间态坐标与相机的投影矩阵相乘，得到各个空间锚点在标准坐标系中的二维坐标；再进一步，根据标准坐标系与屏幕坐标系之间的转换关系，将各个空间锚点在标准坐标系中的x轴坐标和y轴坐标分别转换为各个空间锚点在屏幕坐标系的宽度坐标和高度坐标。

其中，在三维实景空间中，可以将用户的视点位置和视线方向看作拍摄三维实景空间的相机的位置和朝向，并将用户的视点位置(或相机的位置)作为坐标原点，随着用户视点位置和视线方向的改变(或相机的位置和朝向)的改变，三维实景空间中各个物理模型的空间锚点的世界坐标也随之发生改变。视图矩阵是用于确定相机角度和位置的矩阵，相机所在的坐标系为观察坐标系，视图矩阵可以用于将各个空间锚点的坐标从世界坐标系转化至观察坐标系，基于此，可以通过各个空间锚点在目标三维实景空间中的三维空间坐标与视图矩阵相乘，得到各个空间锚点在观察坐标系中的中间态坐标，该中间态坐标也为三维坐标。

进一步，在得到各个空间锚点在观察坐标系中的三维的中间态坐标后，为了得到其对应的屏幕坐标系中的二维坐标，需要先将观察坐标系中的三维的中间态坐标转换至对应的标准坐标系中的二维坐标，该过程相当于将各个空间锚点在观察坐标系中的三维的中间态坐标转化为标准坐标系中的二维坐标，基于此，可以将各个空间锚点在观察坐标系中的中间态坐标与相机的投影矩阵相乘，得到各个空间锚点在标准坐标系中的二维坐标。例如，在相机朝向Z方向时，各个空间锚点三维的中间态坐标会投影至XOY平面上的二维坐标，那么XOY平面上的二维坐标系即为空间锚点的标准坐标系，投影至XOY平面上的二维坐标系中的二维坐标即为各个空间锚点在标准坐标系中的二维坐标。

需要说明的是，本实施例中的标准坐标系中两个坐标轴的长度是有设定范围的，且标准坐标系与屏幕坐标系之间存在着一定的转化关系，标准坐标系与屏幕坐标系之间的转化关系可以是一空间锚点在标准坐标系中的二维坐标在一坐标轴方向上的坐标长度与该坐标轴长度的比值和屏幕坐标系中一坐标轴方向上的坐标长度与屏幕宽度的比值相等，以及该空间锚点在标准坐标系中的二维坐标在另一坐标轴方向上的坐标长度与该坐标轴长度的比值和屏幕坐标系中另一坐标轴方向上的坐标长度与屏幕宽度的比值相等。假设标准坐标系中两个坐标轴的范围为(-1,1)，该空间锚点在标准坐标系中的二维坐标为(x1,y1)，该空间锚点对应的屏幕坐标系中的二维坐标为(x,y)，屏幕的宽度方向对应屏幕坐标系的X轴且屏幕宽度为w，屏幕的长度方向对应屏幕坐标系的Y轴且屏幕长度为w，那么标准坐标系与屏幕坐标系之间的转化关系为：(x1+1)/2＝x/w,以及(y1+1)/2＝y/h。也就是说，在得到各个空间锚点在标准坐标系中的二维坐标后，可以根据标准坐标系与屏幕坐标系之间的上述转换关系，将各个空间锚点在标准坐标系中的x轴坐标和y轴坐标分别转换为各个空间锚点在屏幕坐标系的宽度坐标和高度坐标，各个空间锚点在屏幕坐标系的宽度坐标为x＝(x1+1)w/2，高度坐标为y＝(y1+1)h/2。

无论空间锚点的坐标处于何种坐标系，其所在坐标系的各坐标轴的长度都是有设定范围的，所以当空间锚点的坐标需处于各坐标轴长度的设定范围内，且空间锚点出现在屏幕坐标内时，才可以在屏幕上渲染出该空间锚点。因此，在基于各个空间锚点的二维坐标渲染出各个空间锚点之前，需要从两个维度判断是否可以成功在屏幕坐标系中渲染出各个空间锚点。其中，一个维度是，判断各空间锚点在标准坐标系下的二维空间坐标是否处于标准坐标系的设定范围内；第二个维度是，判断各空间锚点是否可以出现在屏幕上。需要说明的是，上述两个维度的判断是关联步骤，第一个维度的判断是第二个维度判断的基础，在第一个维度判断结果为是时，再进行第二个维度的判断，两个维度的判断缺一不可。

可选地，针对第一个维度，一具体的实施方式是：针对每个空间锚点，判断空间锚点在标准坐标系中的x轴坐标、y轴坐标和z轴坐标的绝对值是否均小于标准坐标系的单位长度。针对第二个维度，由于每个空间锚点实际都是一个具体的文档对象模型(dom元素)，会占据一定的空间，而单纯利用空间锚点在屏幕坐标系一抽象的二维坐标判断空间锚点是否位于屏幕坐标系的设定范围内，准确性不高。为了更为准确的判断空间锚点的屏幕坐标是否位于屏幕坐标系的设定范围内，可以先判断空间锚点在屏幕坐标系中的中心坐标是否位于屏幕坐标系的设定范围内。其一具体实施方式为：确定每个空间锚点在屏幕坐标系中的中心坐标；判断每个空间锚点的中心坐标的两个轴坐标的绝对值是否均小于屏幕坐标系的单位长度。确定每个空间锚点在屏幕坐标系中的中心坐标的一具体实施方式为：将空间锚点的横向坐标和纵向坐标分别减去相应坐标方向上的1/2dom元素，得到空间锚点在屏幕坐标系中的中心坐标。基于此，再判断空间锚点在屏幕坐标系的宽度坐标和高度坐标是否分别小于屏幕的宽度和高度。

若上述判断结果均为是，则可以基于空间锚点在屏幕坐标系下的二维坐标，以及空间锚点渲染文件中限定的空间锚点对应的样式信息和固定像素值，在目标三维实景空间中渲染出空间锚点；若上述判断结果为否，则暂时不对空间锚点进行渲染操作，待空间锚点可以出现在屏幕上时，再将其实时渲染出来。其中，当空间锚点所在三维实景空间的视角画面出现在屏幕上时，该空间锚点才会出现在屏幕上，此时需要将该空间锚点渲染至屏幕上。在屏幕上显示的视角画面可随着场景漫游或用户交互操作的变化而变化。

在本实施例中，基于各个空间锚点的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点一具体实施方式如下：基于各个空间锚点的二维坐标，结合HTML文件中各个空间锚点对应的固定像素值，在目标三维实景空间中渲染出各个初始锚点模型，由此可以使之后生成的空间锚点在放大后清晰度不发生改变，提高用户的使用体验；进一步，利用CSS文件中各个空间锚点对应的样式信息，对各个初始锚点模型进行样式修正，得到各个空间锚点。在渲染得到各个空间锚点后，用户可以通过电子设备提供的图形用户界面上展示的各视角画面中存在的各个空间锚点查看与各个空间锚点对应的实景对象的详情信息。也就是说，空间锚点与其对应的实景对象相关联。

在本实施例中，在用户有查看目标三维实景空间中的一些实景对象的需求时，响应于用户对一些实景对象的查看操作，在电子设备提供的图形用户界面上会显示三维实景空间对应的视角画面，并且随着用户视角的改变，视角画面也会随之改变，也就是说，每个视角都有一个对应的视角画面，随着用户视角的改变，会随之出现多个视角画面，每个视角画面都是目标三维实景空间中的一个局部画面，每个视角画面中包含关联有空间锚点的实景对象，也可以包含有不关联空间锚点的实景对象，每个视角画面中的实景对象可以是一个或多个。

进一步，在用户有查看一实景对象的详情信息时，响应于用户对该实景对象关联的空间锚点的触发操作，在图形用户界面上显示该空间锚点的信息弹窗，该信息弹窗用于展示各实景对象的导航标签及该空间锚点的详情信息，也可以基于其它实景对象的导航标签展示与其它实景对象对应的详情信息，并且对信息弹窗的样式不做限定，可以包含一个弹窗窗口，也可以分为两个或两个以上的弹窗窗口。

例如，在一可选实施例中，该信息弹窗包括导航窗口和详情窗口，导航窗口中包含各个空间锚点对应的实景对象导航标签，详情窗口用于显示当前被触发的空间锚点或实景对象导航标签对应的实景对象的详情信息。其中，导航窗口还具有可缩放展示的功能，具体地，响应于用户对导航窗口的放大操作，导航窗口放大，此时各个空间锚点对应的实景对象导航标签都展示于放大的导航窗口中，以及响应于用户对导航窗口的缩小操作，导航窗口变小，此时只有部分空间锚点对应的实景对象导航标签展示于缩小的导航窗口中。

为了便于描述，可以将当前任务中首次显示于图形用户界面上的视角画面称为第一视角画面，第一视角画面是目标三维实景空间中的局部画面，且其包含有第一实景对象及其关联的第一空间锚点，第一实景对象是指第一视角画面中出现的且关联有空间锚点的实景对象，第一视角画面中也可以包含不关联空间锚点的实景对象。第一实景对象可以是一个或多个，例如，第一视角画面为相机处于扶手箱位置且朝向正前方的视角画面，第一视角画面如图1b所示，此时，该视角画面内包含的实景对象为中控台及与其关联的中控台空间锚点。进一步，如图1b所示，该视角画面内还包含其它实景对象，例如方向盘、驾驶座椅、副驾驶座椅等，这些实景对象未关联空间锚点。其中，随着用户视角的改变，会出现其他多个视角画面，可将其称为第二视角画面、第三视角画面，并以此类推。

在用户有查看第一实景对象的详情信息的需求时，响应于用户对第一空间锚点的触发操作，在图形用户界面上显示信息弹窗，信息弹窗中包含第一实景对象的详情信息。响应于对第一空间锚点的触发操作，在图形用户界面上显示信息弹窗一具体实施方式如下：响应于用户对第一空间锚点的触发操作，显示导航窗口并将导航窗口中与第一空间锚点对应的第一实景对象导航标签突出显示，显示详情窗口，并在详情窗口中显示第一实景对象的详情信息。可选地，信息弹窗如图1c所示，第一实景对象的详情信息包括第一实景对象的局部放大图片以及第一实景对象的功能、材质及使用寿命等文字信息。需要说明的是，根据第一实景对象的不同，其详情信息也会有所不同。例如，第一实景对象是方向盘，则其详情信息可以是方向盘的材质、使用方法、方向盘上包含的其他按键及功能；第一实景对象是中控台，则其详情信息可以是中控台的局部放大图片、使用方法及功能。

进一步可选地，用户还可以进一步对第一空间锚点进行触发操作，则响应于用户对第一空间锚点的进一步的触发操作，在第一空间锚点和对应的信息弹窗之间会添加关联线，该关联线可进一步表示该信息弹窗用于表示第一空间锚点的详情信息，其中，关联线的显示形态不做限定，关联线可以是直线或虚线。以第一空间锚点为中空位为例，其对应的第一空间锚点为中控位空间锚点为例，其对应的视角画面和信息弹窗的显示内容如图1d所示。通过该关联线，方便用户了解当前信息窗口中显示的详情信息与哪个空间锚点关联，也就是说，用户可以清楚地了解到哪个空间锚点被触发了。

在本实施例中，在响应于用户对空间锚点的触发操作，在图形用户界面上显示信息弹窗时，可能会出现信息弹窗遮挡对应的空间锚点的情况，为了避免空间锚点被对应的信息弹窗遮挡，仍以空间锚点是第一空间锚点为例，响应于对第一空间锚点的触发操作，在图形用户界面上显示信息弹窗一可选实施方式如下：响应于对第一空间锚点的触控操作，获取第一空间锚点在第一视角画面中的二维坐标和信息弹窗的屏幕位置和尺寸信息；之后根据第一空间锚点在第一视角画面中的二维坐标和信息弹窗的屏幕位置和尺寸信息，确定第一空间锚点是否被信息弹窗遮挡；若被遮挡，则调整第一空间锚点和信息弹窗的相对显示位置，并根据调整后的相对显示位置，在图形用户界面上显示信息弹窗，以使第一空间锚点不被信息弹窗遮挡。其中，信息弹窗的屏幕位置不做限定，信息弹窗可以在屏幕的上方、下方、左边、右边或中心等位置，尺寸信息为信息弹窗的长和宽。

其中，根据第一空间锚点在第一视角画面中的二维坐标和信息弹窗的屏幕位置和尺寸信息，确定第一空间锚点是否被信息弹窗遮挡一可选实施方式如下：根据信息弹窗的屏幕位置和尺寸信息，以及第一空间锚点在第一视角画面中的二维坐标，确定信息弹窗上的目标外边缘以及第一空间锚点到目标外边缘的距离，目标外边缘是指信息弹窗上距离第一空间锚点最近的外边缘；若信息弹窗上距离第一空间锚点最近的外边缘与第一空间锚点之间的距离大于等于定距离值，可以确定第一空间锚点没有被信息弹窗遮挡；若信息弹窗上距离第一空间锚点最近的外边缘与第一空间锚点之间的距离小于设定距离值，可以确定第一空间锚点被信息弹窗遮挡。

进一步可选地，在第一空间锚点未被信息弹窗遮挡时，则可以直接基于当前第一空间锚点和信息弹窗的相对显示位置，在图形用户界面上显示信息弹窗。

进一步可选地，在第一空间锚点被信息弹窗遮挡时，调整第一空间锚点和信息弹窗的相对显示位置，并根据调整后的相对显示位置，在图形用户界面上显示信息弹窗，以使第一空间锚点不被信息弹窗遮挡。其可选的几种具体实施方式如下：

方式一：保持信息弹窗的屏幕位置不变，旋转第一视角画面的显示视角，以将第一空间锚点旋转至信息弹窗之外，并根据信息弹窗的屏幕位置，将信息弹窗显示在图形用户界面上。

可选地，保持信息弹窗的屏幕位置不变，旋转第一视角画面的显示视角，以将第一空间锚点旋转至信息弹窗之外一具体实施方式如下：根据信息弹窗的屏幕位置和尺寸信息，以及第一空间锚点在第一视角画面中的二维坐标，确定信息弹窗上的目标外边缘以及第一空间锚点到目标外边缘的距离，目标外边缘是指信息弹窗上距离第一空间锚点最近的外边缘；根据目标外边缘所在的位置以及第一空间锚点到目标外边缘的距离，确定旋转方向和在该旋转方向下的旋转角度；根据旋转方向和旋转角度，旋转第一视角画面的显示视角，以将第一空间锚点旋转至信息弹窗之外。

需要说明的是，旋转第一视角画面的显示视角实际是旋转目标三维实景空间中相机的视角，旋转方向和在旋转方向下的旋转角度实际为目标三维实景画面中相机的旋转方向和相机在旋转方向下的旋转角度。为了便于理解和计算，可以将相机的旋转方向和相机在旋转方向下的旋转角度拆分为相机所在三维坐标系中在三个坐标平面上的旋转角度分量，按照相机在三个坐标平面上的旋转角度分量，将相机在三个坐标平面上反向旋转对应的角度，可以实现将第一空间锚点旋转至信息弹窗之外。

方式二：保持第一视角画面的显示视角不变，调整信息弹窗的屏幕位置，以使信息弹窗不再遮挡第一空间锚点，并根据调整后的屏幕位置，将信息弹窗显示在图形用户界面上。

可选地，保持第一视角画面的显示视角不变，调整信息弹窗的屏幕位置，以使信息弹窗不再遮挡第一空间锚点一具体实施方式如下：根据信息弹窗的屏幕位置和尺寸信息，以及第一空间锚点在第一视角画面中的二维坐标，确定信息弹窗上的目标外边缘以及第一空间锚点到目标外边缘的距离，目标外边缘是指信息弹窗上距离第一空间锚点最近的外边缘；根据目标外边缘所在的位置以及目标外边缘到第一空间锚点的距离，调整信息弹窗的屏幕位置，以使信息弹窗不再遮挡第一空间锚点。

方式三：第一视角画面的显示视角和信息弹窗的屏幕位置协同调整，以使第一空间锚点不被信息弹窗遮挡，并根据信息弹窗的屏幕位置，将信息弹窗显示在图形用户界面上。

可选地，先保持信息弹窗的屏幕位置不变，旋转第一视角画面的显示视角，旋转一定角度之后，再保持当前视角画面的显示视角不变，调整信息弹窗的屏幕位置，如此反复调整，以使信息弹窗不再遮挡第一空间锚点，并根据调整后的屏幕位置，将信息弹窗显示在图形用户界面上。或者，先保持第一视角画面的显示视角不变，在一定范围内调整信息弹窗的屏幕位置，再保持信息弹窗的当前屏幕位置不变，旋转第一视角画面的显示视角，旋转一定角度，如此反复调整，以使信息弹窗不再遮挡第一空间锚点，并根据调整后的屏幕位置，将信息弹窗显示在图形用户界面上。该方式中各步骤的具体实施方式可参见前述方式一和方式二中的内容，此处不再赘述。

在本实施例中，在屏幕上显示有信息窗口的情况下，若用户有查看第二实景对象的详情信息的需求，用户可以通过对导航窗口中与第二实景对象对应的第二实景对象导航标签发起触发操作，则还可以响应于用户对第二实景对象导航标签的触发操作，在详情窗口中显示第二实景对象导航标签对应的第二实景对象的详情信息，并将图形用户界面上当前显示的第一视角画面切换至第二实景对象所在的第二视角画面。其中，第二视角画面中至少包括第二实景对象及其关联的第二空间锚点；第二实景对象导航标签为不同于第一实景对象导航标签的其它实景对象导航标签，相应地，详情窗口中会从显示第一实景对象的详情信息更换为显示二实景对象的详情信息。需要说明的是，第二实景对象的详情信息可以包括但不限于：第二实景对象的局部放大图片以及第二实景对象的功能、材质、使用寿命、维修相关等文字信息。另外，关于实景对象的不同，实景对象的功能、材质、使用寿命、维修相关的信息会有所不同。例如，在第一实景对象为中控台且触发其空间锚点时，消息窗中展示的是：中控台的局部放大图片，功能为查看路况及播放音频，使用寿命是N年及相应的维修相关信息。在第二实景对象为扶手箱时，响应于对扶手箱导航标签的触发操作，第二视觉画面如图1e所示，此时，消息弹窗中展示的是：扶手箱的局部放大图片，功能为驾驶时能够放置胳膊，使用寿命是M年及相应的维修相关信息。

在本实施例中，在用户有视角切换的需求时，响应于用户在图形用户界面上的视角切换操作，确定新的视角角度，视角切换操作指的是使三维实景画面的视角发生变化的操作，例如视角切换操作可以是直接对三维实景画面进行拖动、滑动或旋转等操作，还可以是通过点击一些视角切换控件，来完成视角切换。新的视角角度确定后，在图形用户界面上会显示与新的视角角度适配的第三视角画面，第三视角画面也是目标三维实景空间中的局部画面，且其包含有第三实景对象及其关联的第三空间锚点。例如，视角切换操作是将三维实景空间画面向右滑动一定距离，随着向右滑动一定距离的操作，三维实景空间画面切换至驾驶位所在的第三视角画面，第三视角画面中包含有第三空间锚点，第三视角画面如图1f所示。需要说明的是，第三视角画面和第二视角画面可以是同一画面，也可以是不同画面，并且在第三视角画面中还可以同时显示其他视角画面中的空间锚点。可选地，其它视角画面是指在第三视角画面之前显示过的视角画面，优选地，可以是在第三视角画面之前最近显示过的一个视角画面。或者，在另一可选实施例中，其它视角画面是指与第三视角画面关联的视角画面，该视角画面可以在第三视角画面之前显示过了，也可以未显示过，对此不做限定。例如，第三视角画面为后座椅所在的视角画面，则与其关联的视角画面可以是方向盘所在的视角画面，则后座椅所在的视角画面中不仅显示该视角画面中的空间锚点，还可以显示方向盘所在视角画面中的空间锚点，这样，用户通过触发方向盘所在视角画面中的空间锚点可以直接从当前视角画面中切换至方向盘所在视角画面，相应地，信息弹窗也会跟着做出同步动作，例如导航标签会同步切换，信息窗口中显示的详情信息也会同步切换。

进一步，在用户有查看第三空间锚点的详情信息的需求时，响应于用户对第三空间锚点的触发操作，将导航窗口中与第三空间锚点对应的第三实景对象导航标签突出显示，并在详情窗口中显示第三实景对象的详情信息。例如，在第三空间锚点为方向盘空间锚点时，其对应的视角画面如图1f所示。

更进一步地，在用户有了解除第一空间锚点、第二空间锚点及第三空间锚点之外的其它空间锚点的详情信息的需求时，还可以响应于用户对其它空间锚点的触发操作，将导航窗口中与其它空间锚点对应的其它实景对象导航标签突出显示，并在详情窗口中显示其它实景对象的详情信息。

下面结合一在线看车场景，对本申请实施例的技术方案进行详细阐述。

用户的电子设备，例如手机上安装了在线看车APP。对于用户来说，可以打开在线看车APP，进入汽车内饰的三维空间的展示页面。进入汽车内饰的三维空间展示页面的第一个画面为第一视角画面，第一视角画面内包含有第一实景对象和与第一实景对象对应的第一空间锚点，如图1b所示，第一视角画面为相机处于扶手箱位置且朝向正前方的视角画面，此时，该视角画面内可以看到的实景对象为中控台和方向盘，以及与其关联的中控台空间锚点和方向盘空间锚点。

响应于用户对第一空间锚点的触发操作，例如，响应于用户对中控台空间锚点的触发操作，在不遮挡中控台空间锚点的位置右侧会显示信息弹窗，信息弹窗中包含导航窗口和实景对象的详情信息，导航窗口中中控台导航标签突出显示，并在详情窗口中显示中控台的详情信息，中控台的详情信息包括中控台的局部放大图片以及中控台的功能、材质及使用寿命等文字信息。基于此，响应于用户对中控台锚点的进一步的触发操作，在中控台空间锚点和信息弹窗之间会添加一条关联线。此外，信息弹窗中的导航窗口还可以响应于用户的缩放操作，导航窗口扩大或缩小，如图1d所示，在导航窗口扩大后，导航窗口中会展示更多实景对象的导航标签。

进一步，如图1e所示，在展示中控位信息弹窗的基础上，还可以基于用户对导航窗口中扶手箱的导航标签的触发操作，突出显示的导航标签由中控台的导航标签切换至扶手箱的导航标签，详情信息由中控台的详情信息切换为扶手箱的导航标签的详情信息，图形用户界面上当前显示的第一视角画面也切换至扶手箱所在的第二视角画面。在响应于用户对隐藏信息弹窗控件的触发操作，信息弹窗进入隐藏状态。

进一步，响应于用户向右拖动三维实景画面的操作，确定新的视角角度，在图形用户界面上显示与新的视角角度适配的第三视角画面。以第三视角画面中为如图1f所示画面为例，第三画面中至少包含有方向盘及其关联的方向盘空间锚点，响应于用户对方向盘空间锚点的触发操作，会显示信息弹窗，导航窗口中方向盘导航标签突出显示，并在详情窗口中显示方向盘的详情信息。

需要说明的是，随着视角画面的切换，会实时生成可以显示于当前视角画面内的与该画面内实景对象对应的空间锚点，空间锚点是基于其在屏幕坐标系下的二维坐标以及目标三维实景空间对应的空间锚点渲染文件生成的，空间锚点生成的具体实施方式可参考前述实施例，此处不再赘述。

还需要说明的是，在响应于用户对空间锚点的触控操作，在图形用户界面上显示该空间锚点的弹窗信息时，若空间锚点被信息弹窗遮挡，则调整第空间锚点和信息弹窗的相对显示位置，并根据调整后的相对显示位置，在图形用户界面上显示信息弹窗，以使空间锚点不被信息弹窗遮挡，调整空间锚点不被信息弹窗遮挡的具体实施方式可参考前述实施例，此处不再赘述。

图2为本申请一示例性实施例提供的空间锚点处理装置的结构示意图。

如图2所示，该装置包括：

接收模块21，用于接收针对目标三维实景空间发起的空间锚点生成请求，空间锚点生成请求中包括目标三维实景空间中各个空间锚点在目标三维实景空间中的三维空间坐标；

坐标变换模块22，用于基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标；

锚点渲染模块23，用于基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点，其中，空间锚点渲染文件中至少包括各个空间锚点对应的样式信息和对应的固定像素值。

进一步可选地，空间锚点渲染文件包括：HTML文件和CSS文件，HTML文件中至少包括各个空间锚点对应的固定像素值，CSS文件中至少包括各个空间锚点对应的样式信息；基于此，锚点渲染模块23在用于基于各个空间锚点的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点时，具体用于：基于各个空间锚点的二维坐标，结合HTML文件中各个空间锚点对应的固定像素值，在目标三维实景空间中渲染出各个初始锚点模型；利用CSS文件中各个空间锚点对应的样式信息，对各个初始锚点模型进行样式修正，得到各个空间锚点。

进一步地，还包括：显示模块24，显示模块24用于在电子设备提供的图形用户界面上显示第一视角画面，第一视角画面是目标三维实景空间中的局部画面，且其包含有第一实景对象及其关联的第一空间锚点；响应于对第一空间锚点的触发操作，在图形用户界面上显示信息弹窗，信息弹窗中包含第一实景对象的详情信息。

进一步可选地，显示模块24在用于响应于对第一空间锚点的触发操作，在图形用户界面上显示信息弹窗时，具体用于：响应于对第一空间锚点的触控操作，获取第一空间锚点在第一视角画面中的二维坐标和信息弹窗的屏幕位置和尺寸信息；根据第一空间锚点在第一视角画面中的二维坐标和信息弹窗的屏幕位置和尺寸信息，确定第一空间锚点是否被信息弹窗遮挡；若被遮挡，则调整第一空间锚点和信息弹窗的相对显示位置，并根据调整后的相对显示位置，在图形用户界面上显示信息弹窗，以使第一空间锚点不被信息弹窗遮挡。

进一步可选地，显示模块24在用于调整第一空间锚点和信息弹窗的相对显示位置，并根据调整后的相对显示位置，在图形用户界面上显示信息弹窗时，具体用于：保持信息弹窗的屏幕位置不变，旋转第一视角画面的显示视角，以将第一空间锚点旋转至信息弹窗之外，并根据信息弹窗的屏幕位置，将信息弹窗显示在图形用户界面上；或者，保持第一视角画面的显示视角不变，调整信息弹窗的屏幕位置，以使信息弹窗不再遮挡第一空间锚点，并根据调整后的屏幕位置，将信息弹窗显示在图形用户界面上。

进一步可选地，显示模块24在用于保持信息弹窗的屏幕位置不变，旋转第一视角画面的显示视角，以将第一空间锚点旋转至信息弹窗之外时，具体用于：根据信息弹窗的屏幕位置和尺寸信息，以及第一空间锚点在第一视角画面中的二维坐标，确定信息弹窗上的目标外边缘以及第一空间锚点到目标外边缘的距离，目标外边缘是指信息弹窗上距离第一空间锚点最近的外边缘；根据目标外边缘所在的位置以及第一空间锚点到目标外边缘的距离，确定旋转方向和在该旋转方向下的旋转角度；根据旋转方向和旋转角度，旋转第一视角画面的显示视角，以将第一空间锚点旋转至信息弹窗之外。

进一步地，信息弹窗包括导航窗口和详情窗口，导航窗口中包含各个空间锚点对应的实景对象导航标签，详情窗口用于显示当前被触发的空间锚点或实景对象导航标签对应的实景对象的详情信息；基于此，显示模块24在用于响应于对第一空间锚点的触发操作，在图形用户界面上显示信息弹窗时，具体用于：响应于对第一空间锚点的触发操作，显示导航窗口并将导航窗口中与第一空间锚点对应的第一实景对象导航标签突出显示，显示详情窗口，并在详情窗口中显示第一实景对象的详情信息。

进一步地，显示模块24还用于：响应于对第二实景对象导航标签的触发操作，在详情窗口中显示第二实景对象导航标签对应的第二实景对象的详情信息，并将图形用户界面上当前显示的第一视角画面切换至第二实景对象所在的第二视角画面；其中，第二视角画面中至少包括第二实景对象及其关联的第二空间锚点；第二实景对象导航标签为不同于第一实景对象导航标签的其它实景对象导航标签。

进一步地，显示模块24还用于：响应图形用户界面上的视角切换操作，确定新的视角角度；在图形用户界面上显示与新的视角角度适配的第三视角画面，第三视角画面是目标三维实景空间中的局部画面，且其包含有第三实景对象及其关联的第三空间锚点。

进一步地，第三视角画面上显示有导航窗口和详情窗口，且详情窗口中显示有第一实景对象的详情信息；基于此，显示模块24还用于：响应于对第三空间锚点的触发操作，将导航窗口中与第三空间锚点对应的第三实景对象导航标签突出显示，并在详情窗口中显示第三实景对象的详情信息。

进一步可选地，坐标变换模块22在用于基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标时，具体用于：将各个空间锚点在目标三维实景空间中的三维空间坐标与视图矩阵相乘，得到各个空间锚点在观察坐标系中的中间态坐标，视图矩阵是根据目标三维实景空间中相机的位置和朝向确定的；将各个空间锚点在观察坐标系中的中间态坐标与相机的投影矩阵相乘，得到各个空间锚点在标准坐标系中的三维坐标；根据标准坐标系与屏幕坐标系之间的转换关系，将各个空间锚点在标准坐标系中的x轴坐标和y轴坐标分别转换为各个空间锚点在屏幕坐标系的宽度坐标和高度坐标。

进一步可选地，锚点渲染模块23在用于基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点时，具体用于：针对每个空间锚点，判断空间锚点在标准坐标系中的x轴坐标、y轴坐标和z轴坐标的绝对值是否均小于标准坐标系的单位长度；以及判断空间锚点在屏幕坐标系的宽度坐标和高度坐标分别与dom元素的宽度和高度之和是否分别小于屏幕的宽度和高度；若上述判断操作的判断结果均为是，则基于空间锚点在屏幕坐标系下的二维坐标，以及空间锚点渲染文件中限定的空间锚点对应的样式信息和固定像素值，在目标三维实景空间中渲染出空间锚点。

关于本申请实施例中上述各模块或单元具体实现的原理以及各步骤的详细实施方式可参见上文中相同或相应步骤的描述，在此不再赘述。

图3为本申请一示例性实施例提供的电子设备的结构示意图。如图3所示，该电子设备包括：存储器30a和处理器30b；所述存储器30a用于存储计算机程序，所述处理器30b与所述存储器30a耦合，用于执行所述计算机程序，以用于实现以下步骤：

接收针对目标三维实景空间发起的空间锚点生成请求，空间锚点生成请求中包括目标三维实景空间中各个空间锚点在目标三维实景空间中的三维空间坐标；基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标；基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点，其中，空间锚点渲染文件中至少包括各个空间锚点对应的样式信息和对应的固定像素值。

进一步可选地，空间锚点渲染文件包括：HTML文件和CSS文件，HTML文件中至少包括各个空间锚点对应的固定像素值，CSS文件中至少包括各个空间锚点对应的样式信息；基于此，处理器30b在用于基于各个空间锚点的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点时，具体用于：基于各个空间锚点的二维坐标，结合HTML文件中各个空间锚点对应的固定像素值，在目标三维实景空间中渲染出各个初始锚点模型；利用CSS文件中各个空间锚点对应的样式信息，对各个初始锚点模型进行样式修正，得到各个空间锚点。

进一步地，还包括：显示器30c，用于在电子设备提供的图形用户界面上显示第一视角画面，第一视角画面是目标三维实景空间中的局部画面，且其包含有第一实景对象及其关联的第一空间锚点；响应于对第一空间锚点的触发操作，在图形用户界面上显示信息弹窗，信息弹窗中包含第一实景对象的详情信息。

进一步可选地，显示器30c在用于响应于对第一空间锚点的触发操作，在图形用户界面上显示信息弹窗时，具体用于：响应于对第一空间锚点的触控操作，获取第一空间锚点在第一视角画面中的二维坐标和信息弹窗的屏幕位置和尺寸信息；根据第一空间锚点在第一视角画面中的二维坐标和信息弹窗的屏幕位置和尺寸信息，确定第一空间锚点是否被信息弹窗遮挡；若被遮挡，则调整第一空间锚点和信息弹窗的相对显示位置，并根据调整后的相对显示位置，在图形用户界面上显示信息弹窗，以使第一空间锚点不被信息弹窗遮挡。

进一步可选地，显示器30c在用于调整第一空间锚点和信息弹窗的相对显示位置，并根据调整后的相对显示位置，在图形用户界面上显示信息弹窗时，具体用于：保持信息弹窗的屏幕位置不变，旋转第一视角画面的显示视角，以将第一空间锚点旋转至信息弹窗之外，并根据信息弹窗的屏幕位置，将信息弹窗显示在图形用户界面上；或者，保持第一视角画面的显示视角不变，调整信息弹窗的屏幕位置，以使信息弹窗不再遮挡第一空间锚点，并根据调整后的屏幕位置，将信息弹窗显示在图形用户界面上。

进一步可选地，显示器30c在用于保持信息弹窗的屏幕位置不变，旋转第一视角画面的显示视角，以将第一空间锚点旋转至信息弹窗之外时，具体用于：根据信息弹窗的屏幕位置和尺寸信息，以及第一空间锚点在第一视角画面中的二维坐标，确定信息弹窗上的目标外边缘以及第一空间锚点到目标外边缘的距离，目标外边缘是指信息弹窗上距离第一空间锚点最近的外边缘；根据目标外边缘所在的位置以及第一空间锚点到目标外边缘的距离，确定旋转方向和在该旋转方向下的旋转角度；根据旋转方向和旋转角度，旋转第一视角画面的显示视角，以将第一空间锚点旋转至信息弹窗之外。

进一步地，信息弹窗包括导航窗口和详情窗口，导航窗口中包含各个空间锚点对应的实景对象导航标签，详情窗口用于显示当前被触发的空间锚点或实景对象导航标签对应的实景对象的详情信息；基于此，显示器30c在用于响应于对第一空间锚点的触发操作，在图形用户界面上显示信息弹窗时，具体用于：响应于对第一空间锚点的触发操作，显示导航窗口并将导航窗口中与第一空间锚点对应的第一实景对象导航标签突出显示，显示详情窗口，并在详情窗口中显示第一实景对象的详情信息。

进一步地，显示器30c还用于：响应于对第二实景对象导航标签的触发操作，在详情窗口中显示第二实景对象导航标签对应的第二实景对象的详情信息，并将图形用户界面上当前显示的第一视角画面切换至第二实景对象所在的第二视角画面；其中，第二视角画面中至少包括第二实景对象及其关联的第二空间锚点；第二实景对象导航标签为不同于第一实景对象导航标签的其它实景对象导航标签。

进一步地，显示器30c还用于：响应图形用户界面上的视角切换操作，确定新的视角角度；在图形用户界面上显示与新的视角角度适配的第三视角画面，第三视角画面是目标三维实景空间中的局部画面，且其包含有第三实景对象及其关联的第三空间锚点。

进一步地，第三视角画面上显示有导航窗口和详情窗口，且详情窗口中显示有第一实景对象的详情信息；基于此，显示器30c还用于：响应于对第三空间锚点的触发操作，将导航窗口中与第三空间锚点对应的第三实景对象导航标签突出显示，并在详情窗口中显示第三实景对象的详情信息。

进一步可选地，处理器30b在用于基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标时，具体用于：将各个空间锚点在目标三维实景空间中的三维空间坐标与视图矩阵相乘，得到各个空间锚点在观察坐标系中的中间态坐标，视图矩阵是根据目标三维实景空间中相机的位置和朝向确定的；将各个空间锚点在观察坐标系中的中间态坐标与相机的投影矩阵相乘，得到各个空间锚点在标准坐标系中的三维坐标；根据标准坐标系与屏幕坐标系之间的转换关系，将各个空间锚点在标准坐标系中的x轴坐标和y轴坐标分别转换为各个空间锚点在屏幕坐标系的宽度坐标和高度坐标。

进一步可选地，处理器30b在用于基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点时，具体用于：针对每个空间锚点，判断空间锚点在标准坐标系中的x轴坐标、y轴坐标和z轴坐标的绝对值是否均小于标准坐标系的单位长度；以及判断空间锚点在屏幕坐标系的宽度坐标和高度坐标分别与dom元素的宽度和高度之和是否分别小于屏幕的宽度和高度；若上述判断操作的判断结果均为是，则基于空间锚点在屏幕坐标系下的二维坐标，以及空间锚点渲染文件中限定的空间锚点对应的样式信息和固定像素值，在目标三维实景空间中渲染出空间锚点。

进一步地，如图3所示，该电子设备还包括：通信组件30d、电源组件30e、音频组件30f等其它组件。图3中仅示意性给出部分组件，并不意味着电子设备只包括图3所示组件。本实施例的电子设备可以实现为台式电脑、笔记本电脑、智能手机或IOT设备等电子设备。

关于本申请实施例中上述各模块或单元具体实现的原理以及各步骤的详细实施方式可参见上文中相同或相应步骤的描述，在此不再赘述。

本申请一示例性实施例还提供存储有计算机程序/指令的计算机可读存储介质，当计算机程序/指令被处理器执行时，致使处理器能够实现以上所述方法中的步骤，此处不再赘述。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助加必需的通用硬件平台的方式来实现，当然也可以通过硬件和软件结合的方式来实现。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以计算机产品的形式体现出来，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程坐标确定设备的处理器以产生一个机器，使得通过计算机或其他可编程坐标确定设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程坐标确定设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程坐标确定设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (15)

1.一种空间锚点处理方法，其特征在于，包括：

接收针对目标三维实景空间发起的空间锚点生成请求，所述空间锚点生成请求中包括目标三维实景空间中各个空间锚点在目标三维实景空间中的三维空间坐标，每个所述空间锚点都是占据一定空间的文档对象模型；

基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标；

判断各个空间锚点在标准坐标系下的二维空间坐标是否位于所述标准坐标系的第一预设范围内，以及判断各个空间锚点是否位于所述屏幕坐标系的第二预设范围内，所述标准坐标系是基于所述世界坐标系、视图矩阵及相机的投影矩阵得到的三维坐标系；

若两个判断结果均为是，则基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点，其中，所述空间锚点渲染文件中至少包括各个空间锚点对应的样式信息和对应的固定像素值。

2.根据权利要求1所述的方法，其特征在于，所述空间锚点渲染文件包括：HTML文件和CSS文件，所述HTML文件中至少包括各个空间锚点对应的固定像素值，所述CSS文件中至少包括各个空间锚点对应的样式信息；

基于各个空间锚点的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点，包括：

基于各个空间锚点的二维坐标，结合所述HTML文件中各个空间锚点对应的固定像素值，在目标三维实景空间中渲染出各个初始锚点模型；

利用所述CSS文件中各个空间锚点对应的样式信息，对各个初始锚点模型进行样式修正，得到各个空间锚点。

3.根据权利要求1所述的方法，其特征在于，还包括：

在电子设备提供的图形用户界面上显示第一视角画面，所述第一视角画面是所述目标三维实景空间中的局部画面，且其包含有第一实景对象及其关联的第一空间锚点；

响应于对所述第一空间锚点的触发操作，在所述图形用户界面上显示信息弹窗，所述信息弹窗中包含第一实景对象的详情信息。

4.根据权利要求3所述的方法，其特征在于，响应于对所述第一空间锚点的触发操作，在所述图形用户界面上显示信息弹窗，包括：

响应于对第一空间锚点的触控操作，获取所述第一空间锚点在第一视角画面中的二维坐标和信息弹窗的屏幕位置和尺寸信息；

根据所述第一空间锚点在第一视角画面中的二维坐标和信息弹窗的屏幕位置和尺寸信息，确定所述第一空间锚点是否被所述信息弹窗遮挡；

若被遮挡，则调整所述第一空间锚点和所述信息弹窗的相对显示位置，并根据调整后的相对显示位置，在所述图形用户界面上显示所述信息弹窗，以使所述第一空间锚点不被所述信息弹窗遮挡。

5.根据权利要求4所述的方法，其特征在于，调整所述第一空间锚点和所述信息弹窗的相对显示位置，并根据调整后的相对显示位置，在所述图形用户界面上显示所述信息弹窗，包括：

保持所述信息弹窗的屏幕位置不变，旋转所述第一视角画面的显示视角，以将所述第一空间锚点旋转至所述信息弹窗之外，并根据所述信息弹窗的屏幕位置，将所述信息弹窗显示在所述图形用户界面上；

或者，

保持所述第一视角画面的显示视角不变，调整所述信息弹窗的屏幕位置，以使所述信息弹窗不再遮挡所述第一空间锚点，并根据调整后的屏幕位置，将所述信息弹窗显示在所述图形用户界面上。

6.根据权利要求5所述的方法，其特征在于，保持所述信息弹窗的屏幕位置不变，旋转所述第一视角画面的显示视角，以将所述第一空间锚点旋转至所述信息弹窗之外，包括：

根据所述信息弹窗的屏幕位置和尺寸信息，以及所述第一空间锚点在第一视角画面中的二维坐标，确定所述信息弹窗上的目标外边缘以及所述第一空间锚点到所述目标外边缘的距离，所述目标外边缘是指所述信息弹窗上距离所述第一空间锚点最近的外边缘；

根据所述目标外边缘所在的位置以及所述第一空间锚点到所述目标外边缘的距离，确定旋转方向和在该旋转方向下的旋转角度；

根据所述旋转方向和所述旋转角度，旋转所述第一视角画面的显示视角，以将所述第一空间锚点旋转至所述信息弹窗之外。

7.根据权利要求3-6任一项所述的方法，其特征在于，所述信息弹窗包括导航窗口和详情窗口，所述导航窗口中包含各个空间锚点对应的实景对象导航标签，所述详情窗口用于显示当前被触发的空间锚点或实景对象导航标签对应的实景对象的详情信息；

响应于对所述第一空间锚点的触发操作，在所述图形用户界面上显示信息弹窗，包括：

响应于对所述第一空间锚点的触发操作，显示所述导航窗口并将所述导航窗口中与第一空间锚点对应的第一实景对象导航标签突出显示，显示所述详情窗口，并在所述详情窗口中显示所述第一实景对象的详情信息。

8.根据权利要求7所述的方法，其特征在于，还包括：

响应于对第二实景对象导航标签的触发操作，在所述详情窗口中显示第二实景对象导航标签对应的第二实景对象的详情信息，并将所述图形用户界面上当前显示的第一视角画面切换至所述第二实景对象所在的第二视角画面；

其中，所述第二视角画面中至少包括第二实景对象及其关联的第二空间锚点；所述第二实景对象导航标签为不同于第一实景对象导航标签的其它实景对象导航标签。

9.根据权利要求7所述的方法，其特征在于，还包括：

响应所述图形用户界面上的视角切换操作，确定新的视角角度；

在所述图形用户界面上显示与所述新的视角角度适配的第三视角画面，所述第三视角画面是所述目标三维实景空间中的局部画面，且其包含有第三实景对象及其关联的第三空间锚点。

10.根据权利要求9所述的方法，其特征在于，所述第三视角画面上显示有所述导航窗口和详情窗口，且所述详情窗口中显示有所述第一实景对象的详情信息；

所述方法还包括：响应于对所述第三空间锚点的触发操作，将所述导航窗口中与第三空间锚点对应的第三实景对象导航标签突出显示，并在所述详情窗口中显示所述第三实景对象的详情信息。

11.根据权利要求1-6任一项所述的方法，其特征在于，基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标，包括：

将各个空间锚点在目标三维实景空间中的三维空间坐标与视图矩阵相乘，得到各个空间锚点在观察坐标系中的中间态坐标，所述视图矩阵是根据所述目标三维实景空间中相机的位置和朝向确定的；

将各个空间锚点在观察坐标系中的中间态坐标与所述相机的投影矩阵相乘，得到各个空间锚点在标准坐标系中的三维坐标；

根据所述标准坐标系与屏幕坐标系之间的转换关系，将各个空间锚点在标准坐标系中的x轴坐标和y轴坐标分别转换为各个空间锚点在屏幕坐标系的宽度坐标和高度坐标。

12.根据权利要求11所述的方法，其特征在于，基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点，包括：

针对每个空间锚点，判断所述空间锚点在标准坐标系中的x轴坐标、y轴坐标和z轴坐标的绝对值是否均小于标准坐标系的单位长度；以及

判断所述空间锚点在屏幕坐标系的宽度坐标和高度坐标是否分别小于屏幕的宽度和高度；

若上述判断操作的判断结果均为是，则基于所述空间锚点在屏幕坐标系下的二维坐标，以及所述空间锚点渲染文件中限定的所述空间锚点对应的样式信息和固定像素值，在目标三维实景空间中渲染出所述空间锚点。

13.一种空间锚点处理装置，其特征在于，包括：

接收模块，用于接收针对目标三维实景空间发起的空间锚点生成请求，所述空间锚点生成请求中包括目标三维实景空间中各个空间锚点在目标三维实景空间中的三维空间坐标，每个所述空间锚点都是占据一定空间的文档对象模型；

坐标变换模块，用于基于目标三维实景空间所在世界坐标系和屏幕坐标系之间的转换关系，对各个空间锚点在目标三维实景空间中的三维空间坐标进行坐标变换，得到各个空间锚点在屏幕坐标系中的二维坐标；

坐标判断模块，用于判断各个空间锚点在标准坐标系下的二维空间坐标是否位于所述标准坐标系的第一预设范围内，以及判断各个空间锚点是否位于所述屏幕坐标系的第二预设范围内，所述标准坐标系是基于所述世界坐标系、视图矩阵及相机的投影矩阵得到的三维坐标系；

锚点渲染模块，若两个判断结果均为是，则用于基于各个空间锚点在屏幕坐标系下的二维坐标，以及目标三维实景空间对应的空间锚点渲染文件，在目标三维实景空间中渲染出各个空间锚点，其中，所述空间锚点渲染文件中至少包括各个空间锚点对应的样式信息和对应的固定像素值。

14.一种电子设备，其特征在于，包括：存储器和处理器；所述存储器用于存储计算机程序，所述处理器与所述存储器耦合，用于执行所述计算机程序，以用于实现权利要求1-12任一项所述方法中的步骤。

15.一种存储有计算机程序/指令的计算机可读存储介质，其特征在于，当所述计算机程序/指令被处理器执行时，致使所述处理器能够实现权利要求1-12任一项所述方法中的步骤。

Images