流式气泡层

流式气泡层是基础平面地图的子组件，支持独立的样式和数据配置，包括气泡的大小、位置、颜色、动画效果以及经纬度等，能够以流式气泡的形式表现地理位置上的点数据信息。本文介绍流式气泡层各配置项的含义。

单击子组件管理下方的流式气泡层，进入配置面板配置流式气泡层的样式和数据。

信息

说明 如果子组件管理中没有流式气泡层，说明您还未添加流式气泡层子组件，请参见地图容器进行添加。

配置

• 基础设置
  • 可见级别：设置流式气泡层的可见级别值，在设定的级别范围内流式气泡层可见，级别之外不可见。
• 默认配置：设置流式气泡图标的图片样式路径、图片尺寸和图标偏移量等参数。

参数	说明
图片路径	- 可以在下拉框选项中选择图标 - 您也可以输入图片的URL地址，将远程服务器上的图片作为散点图标
图片尺寸	设置图标的宽度和高度，取值范围为0~400，单位为px。
图标偏移量	图标相对于水平方向和垂直方向的偏移量，取值范围为-400~400，单位为px。建议设置为图标宽度的一半来水平居中，设置为图标高度值的一半来垂直居中。
浮框偏移量	浮框相对于水平方向和垂直方向的偏移量，取值范围为-400~400，单位为px。
圆圈样式	设置圆圈的填充颜色、圆圈的半径值、圆圈边线颜色和边线的粗细值。单击圆圈样式左侧的 图标，可控制圆圈样式的显隐。

• 浮框配置：设置流式气泡浮框的文本样式、文本对齐和行高比例等参数。

参数	说明
文本样式	设置浮框内文本的字体、文字粗细、字号和颜色。
文本对齐	设置流式气泡浮框内信息的多行对齐方式，包括左对齐、居中和右对齐。
行高比例	设置流式气泡浮框的行高比例值。
外边距	设置流式气泡浮框内文本与浮框四边的距离。
背景配置	设置流式气泡浮框的背景颜色，内容的宽度，浮框圆角半径值，数值越大圆角越圆。
阴影	设置流式气泡浮框的阴影的颜色、阴影模糊度和阴影对于水平方向和垂直方向的偏移量，取值范围为0~50，单位为px。

• 动画配置：设置流式气泡浮框动画的缓存、顺序和冒泡数目等参数。

参数	说明
缓存	打开开关，系统会自动缓存您的气泡数据，并且可以自定义缓存条数。当数据发生变化时，系统不会清空您已经缓存的数据。
顺序	打开开关，系统按照数据的顺序进行循环冒泡，关闭开关，系统进行随机冒泡。
冒泡数目	流式气泡每次冒泡的数量，当设置的数目小于数据条数时，系统采用循环冒泡的方式。
平铺时间	流式气泡平铺动画的持续时间，单位为s
停留时间	流式气泡平铺动画的停留时间，单位为s。
消失时间	流式气泡平铺动画的消失时间，单位为s。

数据

字段说明

字段	说明
lat	流式气泡的纬度。
lng	流式气泡的经度。
info	流式气泡的文本信息，可自定义，支持使用</br>换行，例如自定义信息</br>自定义信息。

配置项说明

配置项	说明
受控模式	打开开关，组件初始化状态下不请求数据，仅通过回调ID或蓝图编辑器配置的方法发起请求数据；关闭开关，可以使用自动更新请求数据。
自动更新请求	选中后可以设置动态轮询，还可以手动输入轮询的时间频次。
数据源	可在数据接口下拉选项中修改数据源类型或数据查询代码。
数据响应结果	展示数据请求的响应结果。当数据源发生改变时，可刷新数据后查看响应数据，实时查看数据响应结果。

交互

此组件没有交互事件。

蓝图编辑器交互配置

1. 在画布编辑器页面，单击基础平面地图子组件管理列表中流式气泡层右侧的 图标。
2. 单击页面左上角的 图标。
3. 在蓝图编辑器配置页面，单击导入节点栏内的流式气泡层组件，在画布中可以看到如下图所示的流式气泡层的蓝图编辑器配置参数。

• 事件

当数据接口请求完成时：数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据请参见上文的[数据示例]。

• 动作

动作	说明
请求数据接口	重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如流式气泡层配置了API数据源为http://api.test，传到请求数据接口动作的数据为{ id: '1'}，则最终请求接口为http://api.test?id=1。
导入数据接口	按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据请参见上文的[数据示例]。
显示	显示组件，不需要参数
隐藏	隐藏组件，不需要参数。