地图大屏为组件提供了丰富的交互操作,以实现组件间的联动响应,从而可快速地从多角度观察和了解数据。

组件交互的对象为触发组件和目标组件,在触发组件中设置触发器可以实现组件间的交互。即在触发组件中触发了某一事件,比如鼠标点击、切换数据等事件,目标组件会执行相应的目标操作,比如地图组件高亮地图要素、图表组件切换显示数据等操作。交互操作的前提是触发组件和目标组件含有相同的数据,或者这两个组件的数据可以通过某一字段进行关联。

组件交互设置

在地图大屏中,通过以下步骤可进行组件交互设置:

  1. 选中触发组件,在右侧的交互设置面板中,为触发组件添加触发器;

  2. 添加触发器后,点击“添加操作”,依次选择“目标组件”、“目标操作”、“目标数据”后,点击“新增”按钮,即可完成组件交互设置。

部分触发器还需要设置“关联字段”,包括“触发图层的字段”和“目标图层的字段”,触发图层的字段指的是触发组件数据来源中的字段,目标数据的字段指的是目标组件数据来源中的字段,触发组件和目标组件将通过这两个字段进行关联,两个字段中的值需保持一致。

设置完成后,点击触发组件中的元素即可在目标组件中得到相应的业务响应。支持为同一个组件添加多个不同类型的触发器,也支持为同一个触发器设置多个目标操作。

下面对触发组件中的触发器以及触发器中的目标操作进行详细介绍。

触发器

触发器相当于一个事件监听器,当触发组件发生特定事件后,触发器被触发,目标组件会完成相应的操作。地图大屏支持的触发器有 7 种类型,下面对各种触发器及其使用场景进行具体说明。

  • 选择要素后:通过选择地图中的要素,触发相应的操作。例如选中地图中的某一要素后,在图表中对相应数据高亮显示。
  • 鼠标点击后:通过点击鼠标,触发相应的操作。例如点击文本后,切换至不同的大屏页面等等。
  • 改变范围后:通过改变地图的显示范围,触发相应的操作。例如改变地图在地图组件中的显示范围后,图表会过滤掉该范围外的数据。
  • 切换数据后:通过切换组件中的数据,触发相应的操作。例如改变数据切换组件中的数据后,图表会切换其使用的数据源。
  • 选择记录后:通过选择某一数据记录,触发相应的操作。例如选中图表中的某一项数据后,在地图中相应的要素会高亮显示。
  • 切换幻灯片后:通过切换幻灯片页面,触发相应的操作。例如切换幻灯片页面后,会改变地图的显示范围或文本的显示内容。
  • 日期范围变化后:通过改变日期范围,触发相应的操作。例如调整切换日期组件中的起止日期后,会改变图表中显示数据的时间范围。

目标操作

目标操作指的是当触发组件发生了特定的事件后,目标组件将执行的后续操作。地图大屏支持的目标操作有 8 种类型,下面对各种目标操作及其使用场景进行具体说明。

  • 高亮要素:对地图中的指定要素高亮显示。例如在图表中选中了某一数据,可在地图中对该数据所对应的要素高亮显示。
  • 添加至地图:将组件中选中的数据添加并显示至地图中。例如在图表中选中了某一数据,可将该数据添加至地图中并显示,此操作不会改变地图所使用的数据本身。
  • 缩放至地图:将地图缩放至所选要素或某一范围。例如在图表中选中了某一数据,地图将缩放至该数据所对应要素。
  • 切换数据:切换组件所使用的数据源。例如改变数据切换组件中的数据后,图表会切换其使用的数据源。
  • 追加数据:在地图中追加时序数据,此操作限定时序数据使用。例如在时间轴(点)组件中选中了某一时间节点,会在地图中追加相应的时序数据,此操作不会改变地图所使用的数据本身。
  • 显示数据:在组件中显示某一数据内容,例如在图表中选中了某一数据,可以在文本组件中显示该数据内容。
  • 过滤数据:对组件中的数据内容进行过滤。例如改变地图在地图组件中的显示范围后,图表会过滤掉该范围外的数据。
  • 切换超链接:切换文本的链接跳转地址,限定目标数据的字段为超链接地址。例如在图表中选中了某一数据,可改变文本组件的跳转地址,点击文本可跳转至新的地址。

支持交互的组件

在地图大屏中,不同组件所支持的触发器类型和目标操作类型存在差异,支持交互的组件及其所支持的触发器和目标操作如表1所示。

表1 地图大屏支持的交互组件及交互操作

组件名 作为触发组件 支持的触发器

作为目标组件

支持的目标操作

地图

选择要素后 改变范围后

高亮要素 切换数据 添加至地图 缩放至地图 追加数据

图表

柱状图

选择记录后

过滤数据 高亮要素 切换数据

条形图

选择记录后

过滤数据 高亮要素 切换数据

饼图

选择记录后

过滤数据 高亮要素 切换数据

散点图

选择记录后

过滤数据 高亮要素 切换数据

折线图

选择记录后

过滤数据 高亮要素 切换数据

雷达图

选择记录后

过滤数据 高亮要素 切换数据

仪表盘

-

-

显示数据 切换数据

水球

-

-

显示数据 切换数据

进度条

-

-

显示数据 切换数据

进度环

-

-

显示数据 切换数据
基础 文本

鼠标点击后

显示数据 切换数据 切换超链接
文本列表

选择记录后

过滤数据 高亮要素 切换数据
指标

-

-

显示数据 切换数据

图片

-

-

显示数据

视频

-

-

显示数据

幻灯片

切换幻灯片后

切换幻灯片

数据 时间选择

日期范围变化后

-

-

数据切换

切换数据后

-

-

数据过滤

切换数据后

-

-

时间轴(段)

切换数据后

-

-

时间轴(点)

切换数据后

-

-

时间轴(条)

切换数据后

-

-

 

注意:当地图组件的地图来源为地图工作室 WebApp 制作的地图时,采用 3D 热力图、统计图表、OD 图样式的点图层不支持以下目标操作:高亮要素、添加至地图、缩放至地图、切换数据、追加数据。