在之前的教程中，我们介绍了如何在鲸孪生中对动画进行控制，今天我们仍然基于这个项目示例给大家介绍如何设置鲸孪生中的弹窗。

鲸孪生中的弹窗有两种，一种是外部弹窗，一种是内部弹窗，两者的区别在于操作模型时弹窗是否会跟随模型的操作，这两者没有优劣之分，具体大家可以根据实际项目进行选择。

此外，根据点击操作的不同，也可以分为点击标记点弹窗和点击模型弹窗两种。

1. 创建弹窗

弹窗和其他图表组件一样，属于二维组件，我们可以通过搜索（Ctrl+F）进行添加。（需要注意的是，如果已经进入了鲸孪生的编辑界面，需要先退出到看板编辑界面才可以添加弹窗组件）。

关于弹窗的设置可以参考这个教程：弹窗组件

2. 点击标记点弹窗

双击鲸孪生进入鲸孪生的编辑界面。

在左侧工具栏中选择标绘—>标记，然后选择合适的标记添加。关于标记可以参考这个教程：鲸孪生标记 

标记的弹窗是设置在标记组上的，点击左侧选中标记组，然后在右侧进行设置。

如果我们希望点击标记一下弹窗，再点击一下标记弹窗关闭，可以开启这个“点击取消选中”的设置项。

开启标记面板设置项后，我们就可以给这组标记点添加对应的弹窗了。 

在选择弹窗这里，我们可以选择已经创建好的弹窗。

在显示方式这里，我们可以选择三种（如果希望弹窗跟随模型的动画，需要选择三维跟随或者二维跟随）：

三维跟随：在三维场景里跟随模型操作变化，包括缩放和倾斜角度

二维跟随：和三维跟随有点像，区别在于没有缩放和倾斜角度

二维固定：固定在页面某个位置，不会跟随模型操作变化 

不同的显示方式下，尺寸设置不同，如果我们切换了显示方式，没有看到弹窗，大概率是尺寸不合适或者偏移位置不对。偏移位置是相对于标记的位置，大家可以根据情况调整。

这里如果想要设置同一个标记组内各个标记的不同偏移，可以在这里点击加号进行添加，系统会按左侧标记顺序依次应用（假设有两个，那么第一个标记用第一个偏移，其他标记用第二个偏移）。 

朝向这里我们可以设置弹窗显示的角度。

优先级主要针对多个弹窗重叠时，设置优先级数值大的显示在前面。

显示模式这里我们可以设置弹窗的显示方式：

开启连接线段后，会出现一条标记和弹窗之间的连线，我们在这里可以设置连线的颜色和位置。

同步点击悬停指的是点击弹窗和点击标记的效果是一样的。 

3. 点击模型弹窗

点击模型弹窗和点击标记弹窗的设置基本是一样，唯一区别在于设置的位置不同。

如果想要点击某个模型弹窗，先在左侧模型图层中选中对应的模型，然后在右侧开启面板，再按照上面的方法进行设置即可。

本教程的项目文件和模型文件如下：

点此下载项目文件

点此下载模型文件（glb格式）