山海鲸可视化

标记点普通弹窗

1. 概要

本教程将为大家介绍城市大师组件中标记点普通弹窗的设置。

2. 效果展示

1.效果展示.gif

3. 操作流程

3.1 添加弹窗

非编辑模式下,在其他组件中选择添加一个弹窗组件,可以根据需要设置不透明度背景颜色等。
2.添加弹窗.png

3.2 添加单行文本

在多媒体文件中点击添加单行文本组件。组件默认字体是白色,可在样式的基础设置中修改颜色。
3.添加单行文本.gif

3.3 交互

双击进入城市大师组件的编辑界面,选中基础标记组图层后,选择添加交互。在弹出的交互设置界面可以进行弹窗的交互设置。
城市大师 弹窗交互设置,如下图所示:
4.弹窗交互设置.png

具体的操作步骤如下图所示:
4.弹窗交互设置.gif

【温馨提示】交互设置的弹窗默认都是二维的,关于弹窗的显示方式设置可以在标记面板中选择。二维弹窗就是在2D 场景中进行覆盖的弹窗,三维弹窗就是在3D 场景中进行弹窗。
5.标记面板.png

3.4 数据联动

只有数据标记点才支持数据联动

3.4.1 生成数据字段

选中单行文本组件,在样式的基本设置中选择文本的扩展设置生成数据字段。可以参考单行文本的组件介绍教程。
6.扩展设置.png

3.4.2 关联数据项

生成数据字段之后,在动态数据项中添加数据即可看到样式中的文本显示属性值已被关联数据覆盖
单行文本 关联数据项,如下图所示:
7.数据联动.gif

【温馨提示】如果文本修改过后三维弹窗的文字未能自动更新,可以双击进入城市大师组件的编辑模式,选中基础标记组图层后,重新打开“标记文本”设置。

3.4.3 开启数据联动

在基础标记组图层选择数据界面,在数据联动中打开“联动其他组件”开关。
8.联动其他组件.png

退出编辑界面,在弹窗图层中选中单行文本,打开“受其他组件联动”开关。这样标记点的普通弹窗就设置好了。
9.受其他组件联动.png

4. 视频教程

请参看山海鲸可视化“城市大师组件-标记点普通弹窗”视频教程:https://www.bilibili.com/video/BV1BK41197g2/