基础类组件包含时间组件、文本组件、文本列表组件、指标组件、图标组件、图片组件、视频组件、iFrame 组件等;点击左侧边栏中的“组件”,在“基础”分类下选择希望添加的组件,通过拖拽的方式即可添加到大屏中:
时间组件
时间组件可以展示当前时间,以增强大屏的实时性。

时间组件的配置项如下:
- 时间类型:显示时间的方式,默认为“日期+时分秒+星期”
- 字体:时间组件中文本的字体系列,默认为微软雅黑
- 字体大小:时间组件中文本的字体大小,默认为 18 像素
- 字体颜色:时间组件中文本的字体颜色,默认为白色
- 背景颜色:时间组件的背景颜色,默认为透明
- 尺寸:时间组件的尺寸,单位为像素
文本组件
文本组件可以添加一段文字,用于大屏的辅助性说明等。
文本组件的配置项如下:
- 数据类型:文本的数据源,支持静态数据与服务:
- 静态数据:在“文本内容”中输入一段文字,即可在大屏中添加一段静态文本
- 服务:在“服务地址”中输入第三方服务的服务地址,支持 GeoJSON 以及 JSON 格式的数据文件,以 JSON 格式为例,示例如下:
{
"data": "回款金额"
}
文本组件中将显示“回款金额”文本。
服务类型文本特有的配置项如下:
-
- 超链接:为文本添加超链接,点击文本可跳转到链接地址
- 跳转窗口:超链接跳转窗口的形式,支持“当前窗口打开”、“父窗口打开“、”新建窗口打开“、”TOP 窗口打开“等选项
- 字体:文本的字体系列,默认为微软雅黑
- 字体粗细:字体的粗细设置,包括纤细、标准、加粗等
- 对齐方式:文本的对齐方式,包括居中、左对齐、右对齐等
- 字体行高:每行文本的高度设置,单位为倍数或像素
- 字体大小:文本的字体大小,默认为 18 像素
- 首行缩进:文本的首行缩进值,单位为像素
- 字体颜色:文本的字体颜色,默认为白色
- 背景颜色:文本的背景颜色,默认为透明
文本列表组件
文本列表组件可在地图大屏中添加数据表格。

文本列表组件的配置项如下:
- 选择数据:文本列表的数据源,分为公开数据、我的数据与服务:
- 地图图层:如果添加的地图组件中的地图图层带有数据记录时,可以添加该图层中记录的数据
- 公开数据:iPortal 中公开的数据
- 我的数据:所有者为自己的数据
- 时序数据:支持固定时间段和相对时间段(最近时间)两种类型的时序数据,数据响应格式支持 GeoJSON/JSON,响应结果应为对象,对象的键值(key)为 unix timestamp
- 服务:支持 iServer REST 地图服务、iServer REST 数据服务,以及 GeoJSON/JSON 等格式的第三方服务,以 JSON 格式为例,示例如下:
{
"data": [
{
"A1": "a1",
"B1": "b1"
},
{
"A2": "a2",
"B2": "b2"
}
]
}
服务类型数据特有的配置项如下:
-
- 排序:该列数据是否进行排序,排序的方式包括升序、降序
- 阈值:支持为该列数据设置一个或多个阈值区间,阈值展示风格为单元格展示或文字展示
- 表头:是否显示该列数据项的表头,支持设置表头高度(数值为0时高度自适应)、背景颜色和字体颜色
- 排序箭头:如果您开启了排序,支持为排序箭头设置默认颜色和选中颜色
- 列表行:支持设置文本列表显示的行数、行高、字体大小、字体颜色、奇偶行的背景颜色等
- 逐条滚动:是否开启数据逐条滚动效果
- 背景颜色:文本列表的背景颜色
- 尺寸:文本列表组件的尺寸,单位为像素
指标组件
指标组件通过标题和数值的组合,可用于业务指标的统计与展示等。

指标组件的配置项如下:
- 数据类型:指标的数据源,分为静态数据和服务:
- 静态数据:在“数据”中输入一个固定的具体数值,即可在大屏中添加一个固定数值的指标
- 服务:在“服务地址”中输入第三方服务的服务地址,支持 GeoJSON 以及 JSON 格式的数据,以 JSON 格式为例,示例如下:
{
"data": {
"unit": "meter",
"num": 200,
"title": "桥梁长度"
}
}
服务类型指标特有的配置项如下:
-
- 标题和单位设置:
- 显示:是否显示标题和单位
- 标题:指标的标题。静态数据类型指标通过直接输入文字设置,服务类型指标支持通过选择服务中的字段或直接输入文字设置
- 单位:指标的单位,静态数据类型指标通过直接输入文字设置,服务类型指标支持通过选择服务中的字段或直接输入文字设置
- 排列:指标的排列方式,支持水平和垂直
- 字体粗细:字体的粗细设置,包括纤细、标准、加粗等
- 字体颜色:标题与单位的的字体颜色,默认为白色
- 字体大小:字体的大小,单位为像素
- 指标设置:
- 小数位数:指标显示的小数位数,
- 字体大小:指标的字体大小,单位为像素
- 字体间距:指标的文字间距,单位为像素
- 千分符:每千分位的分隔符,默认为“,”
- 字体颜色:数值的字体颜色
- 背景颜色:数值的背景颜色
- 背景图片:数值的背景图片
- 阈值:支持设置一个或多个指阈值区间,自定义阈值在指标组件中的显示颜色
- 分隔符背景:是否开启分隔符背景效果
- 数字动画:数值变化的动态效果,开启后可以设置动画的时长
- 背景颜色:指标组件的背景颜色
- 尺寸:指标组件的尺寸,单位为像素
图标组件
图标组件可以在大屏中添加具有指代意义的图形符号,地图大屏中预设了多种常用图标。
图标组件的配置项如下:
- 选择图标:内置数十种常用图标,您可以从中选择符合需求的图标
- 图标尺寸:图标的尺寸,单位为像素
- 图标颜色:图标的前景色
- 背景颜色:图标的背景颜色,默认为透明
- 尺寸:图标组件的尺寸,单位为像素
图片组件
图片组件可以在大屏中添加任意图片,以增强大屏的可视化效果。
图片组件的配置项如下:
- 图片地址/上传图片:支持添加在线图片或本地上传图片
- 超链接:为图片添加超链接,点击文本可跳转到链接地址
- 跳转窗口:超链接跳转窗口的形式,支持“当前窗口打开”、“父窗口打开“、”新建窗口打开“、”TOP 窗口打开“等方式
- 图片重复:图片的拉伸与重复设置
- 背景颜色:图片的背景颜色,默认为透明
- 尺寸:图片组件的尺寸,单位为像素
视频组件
视频组件可以在大屏中添加 .mp4/.webm/.ogv 等格式的视频。
视频组件的配置项如下:
- 视频地址:视频的 URL 地址
- 循环播放:是否在视频播放结束后循环播放
- 自动播放:是否在打开大屏时自动开始播放
- 弹窗播放:是否以单独的弹窗形式播放视频
- 控制条:是否在播放视频时显示视频下方的控制条
- 静音:播放视频时是否静音
- 尺寸:视频组件的尺寸,单位为像素
iFrame 组件
iFrame 组件可以在大屏中嵌入第三方网页,将已有的 Web 应用整合至大屏中。
iFrame 组件的配置项如下:
- iFrame 地址:待嵌入的 iFrame 的 URL 地址
- 尺寸:iFrame 组件的尺寸,单位为像素