山海鲸可视化

标记点弹窗

添加标记点后,通常我们还需要通过点击标记点弹出弹窗,来展示标记点对应的数据信息。下面我们就了解一下应该如何设置标记点弹窗。

添加标记点

首先,在左侧模型库中选择“标绘-标记”,选择一个标记点添加。


在左侧图层列表中,选择刚才添加的标记组图层,然后在右侧“样式”设置中打开“标记面板”


此时我们可以看到下方的“选择弹窗”设置项,由于尚未添加弹窗所以此处为空,下面我们需要添加一个弹窗。

添加弹窗

在左侧图层列表上方,将“场景”切换为“辅助”,可以看到此时左侧模型库变为了组件库。


在左侧组件库中,选择“控件-弹窗”添加。


我们也可以在左上方搜索“弹窗”,选择更多种类的弹窗样式。


添加“弹窗”组件后,左侧图层列表中会显示该组件,我们可以右键组件图层关闭弹窗,或点击右上角的“×”关闭弹窗。

设置弹窗

回到“场景”设置,在左侧图层列表中选中标记组图层,然后在“选择弹窗”中添加刚才设置的弹窗。


添加标记点弹窗后,我们可以对标记点弹窗的显示形式进行设置。

配置项说明
显示方式设置弹窗展示方式,可选择“三维跟随、二维跟随、二维固定”三种显示状态。
三维尺寸标记点弹窗弹出后的尺寸,在此处设置的尺寸与在项目中设置的弹窗尺寸不相关。
三维偏移即在三维场景中文本相对标记点三维原点偏移程度。
朝向弹窗弹出后的朝向,可选择“普通、面朝上、垂直转向摄像机、一直面向摄像机”,可根据需求自行选择。
优先级点击标记点后交互展示顺序,当优先级为 1 时则优先展示弹窗内容。
显示模式弹窗弹出后展示样式,可选择“全部显示、悬停显示、点击显示”
连接线段开启后弹窗弹出时会出现一条线段连接弹窗与标记点。
线段颜色设置连接线段的颜色。
线段位置设置连接线段的显示的位置,可选择“左下、中心、右下”
面板选中状态设置面板处于选中状态时显示的状态。
面板悬停状态设置面板处于悬停状态时显示的状态。
同步点击悬停默认关闭,开启后鼠标在弹窗上也能触发相应的事件。

标记点弹窗设置,如下图所示:

设置交互

添加的部分标记点会自带点击后切换视角的交互设置,我们可以手动进行删除或修改。


这样我们就完成了标记点弹窗的设置,效果如下图所示: