添加可视化组件

地图大屏 WebApp 提供了丰富的可视化组件库，包括地图、布局、地图子组件、图表、基础、数据、工具等 7 大类，您可以用简单的交互式操作来创建不同类型的组件，打造可视化的大屏应用：

• 布局组件
• 地图组件
• 地图子组件
• 图表组件
• 基础组件
• 数据组件
• 工具组件

此外，地图大屏还支持用户自行开发全新的组件，并提供了几款自定义组件的示例 demo 以供您试用。有关自定义组件的具体开发方法，请参见：自定义组件指南。

添加与管理数据

某些可视化组件（如图表组件、数据组件以及文本列表等部分基础组件）需要关联数据进行使用，地图大屏提供了数据面板以便于添加、查看与管理这些组件中涉及到的数据：

• 查看数据：点击大屏左侧边栏中的“数据”，会列出当前已添加到大屏中的数据列表以供您查看。当您希望分享制作完成的大屏时，请确认已添加的数据也都已公开，否则可能会导致使用这些数据创建的可视化组件无法正常显示。
• 添加数据：点击大屏左侧边栏中的“数据”，点击“添加数据”，可以向大屏中添加数据以作为组件的数据源，地图大屏目前支持以下形式的数据：
• 地图图层：如果添加的地图组件中的地图图层带有数据记录时，可以添加该图层中记录的数据

• 公开数据：iPortal 中公开的数据

• 我的数据：所有者为大屏创建者自己的数据

• 服务：支持 iServer REST 地图服务、iServer REST 数据服务，iServer 地址匹配服务以及响应数据为 GeoJSON/JSON 等格式的第三方服务

• 时序数据：支持固定时间段和相对时间段（最近时间）两种类型的时序数据，数据响应格式支持 GeoJSON/JSON，响应结果应为对象，对象的键值（key）为 unix timestamp。

• 管理数据：对于数据列表中的数据，大屏支持一些配置与管理操作：
• 删除：点击数据项右侧的“更多”图标，选择“删除”可以删除添加到大屏中的数据
• 重命名：点击数据项右侧的“更多”图标，选择“重命名”对数据进行重命名
• 更改数据源：点击数据项，单击 “URL”后可重新选择数据
• 定时刷新：点击数据项，可打开/关闭定时刷新开关。在开启定时刷新功能后，支持设置刷新间隔
• 选择数据集：对于 iSever REST 数据服务类型的数据，点击数据项后支持选择数据服务的特定数据集

组件基本属性

地图大屏的组件属性可划分为所有组件通用的属性配置项与各组件的特有属性配置项，以下为所有组件共有的属性设置：

• 移动：选中组件后，长按组件旁操作菜单的移动图标并进行拖拽，可改变组件在大屏中的位置
• 布局：选中组件后，点击组件旁操作菜单的布局图标，可选择按高度铺满、按宽度铺满、全屏等布局方式
• 更改显示顺序：选中组件后，点击组件旁操作菜单的显示顺序图标，可通过“上移/下移”、“置顶/置底”等操作改变组件在大屏中的显示顺序优先级
• 删除：选中组件后，点击组件旁操作菜单的删除图标，或按下 "Delete" 键可以删除选定的组件
• 复制粘贴：选中组件后，点击组件旁操作菜单的复制粘贴图标，在弹出的对话框中点击“确定”按钮，即可完成组件复制粘贴；也支持使用快捷键操作复制粘贴组件
• 设置组件大小：选中组件后，通过点选并拖拽组件四周的锚点可设置组件的大小，也可在右侧边栏中设置组件的宽高像素来设置组件尺寸

各组件特有的属性配置项，在选中对应组件后，可在右侧边栏中进行设置，具体请参见各组件的说明文档。

组件交互设置

地图大屏为组件提供了丰富的交互操作，以实现组件间的联动响应，让您的大屏应用在展示时更加生动。

组件交互的对象为触发组件和目标组件，交互操作的前提是触发组件和目标组件间含有相同的数据或组件间的数据可以通过某一字段进行关联。地图大屏支持的交互组件及交互操作如表1所示。

下面将详细为您介绍如何在地图大屏中进行组件交互设置：

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

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

设置完成后，点击触发组件中的元素即可在目标组件中得到相应的业务响应。

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

添加完所需的可视化组件后，您可以进一步对大屏进行各类设置。