通用:设置图标散点层的通用配置项。
参数
说明
可见级别
设置图标散点层的可见级别值,在设定的级别范围内图标散点层可见,级别之外不可见。
不透明度
设置图标散点层的不透明度值,取值范围为0~100,单位%,数值越大图层越不透明。
图形:设置图标散点层的图形配置项。
图标形状
图标尺寸
设置图标的尺寸样式,包括设置图标的宽度和高度,取值范围为0~400,单位px。
相对位置
设置散点图标对于散点的相对位置样式,可选底部和中心。
相对偏移
设置图标从水平方向或者垂直方向的偏移量值,取值范围为-400~400,单位px。
标签:设置图标散点层内标签的样式参数。
显示标签
打开开关,图标散点层显示标签样式。
显示方式
设置图标散点层的标签显示方式,可选,包括全显、点击和悬浮三种方式。
设置图标散点层的标签的相对位置样式,可选,包括左侧、中心、右侧、顶部和底部。
设置图标散点层的标签在水平和垂直方向的相对偏移值,单位px,取值范围为-100~100。
内容样式
行字段:行内容的字段名称,需要和数据面板中的字段相匹配。
字段样式:设置行字段样式,包括字段的字体样式、字号大小、颜色和粗细值。
最大宽度:设置标签显示的单行最大宽度,单位为px,字段内容超出该长度将自动换行显示。
行高比例:标签的行高比例值,取值范围为1~2。
背景样式
背景类型:标签背景的类型,可选矢量和图片。
背景颜色:设置标签的背景颜色,仅在背景类型选择矢量时可配置。
边框样式:设置标签边框的样式,包括边框的线类型,线宽的值和颜色。仅在背景类型选择矢量时可配置。
边框圆角:设置标签边框的圆角在四个方向的值,单位px。仅在背景类型选择矢量时可配置。
图片模板:选择背景图片的模板样式,仅在图片模板选择图片时可配置。
不透明度:设置背景图片的不透明度值,取值范围为0~100,仅在图片模板选择图片时可配置。
内容边距:设置标签中的内容距离上下左右四个方向的边距值。
交互:图标散点层的交互配置项。
尺寸缩放:拖动滑块设置图标散点尺寸缩放的范围,取值范围为1~2。
条件:条件样式说明。
图形:打开开关,配置该样式中的图形配置项;关闭开关,无法配置该样式下的图形配置项。
自定义弹框样式:设置图标散点层内自定义弹框的样式参数。
弹框开关
打开开关,可以通过点击或悬浮触发弹框。
设置图标散点层弹框显示的方式,可选,包括点击和悬浮两种方式。
设置弹窗在水平和垂直方向的相对偏移像素距离,取值范围为-1000~1000,单位px。
文本样式
设置弹框内的文本样式,包括文本的字体样式、字号大小、颜色和文本粗细值。
显示空值
打开开关,在无info字段或空info字段对象上可以弹框显示为“无数据”,关闭开关时,对于无info字段的数据,交互不会弹出对应的弹框。
弹框样式
内边距:设置弹框文本的内容距离上下左右四个方向的边距值。
边框样式:设置弹框边框的圆角值、线宽和颜色。
背景颜色:设置弹框的背景颜色。
投影样式:设置弹框投影的模糊色、模糊半径、X偏移和Y偏移。
关闭按钮:打开开关,图标散点层的弹框显示关闭按钮和按钮的颜色。
指向箭头:打开开关,图标散点层的弹框显示指向箭头。
字段
lng
散点的经度。
lat
散点的纬度。
popupType
(可选)弹框类型(需要搭配二次开发功能使用)。
info
(可选)自定义弹框内容。
name
(可选)散点的标注名称。
value
(可选)散点在配置项内用于数据映射的值,缺失则按无数据配置渲染。
id
(可选)散点的唯一标识信息。
iconField
(可选)散点的形状映射字段。
数据项配置
数据源
组件的数据源中通过代码编辑或可视化编辑展示了组件所包含的数据字段。也可以修改数据类型,灵活配置组件数据。
数据映射
过滤器
数据响应结果
禁止加载态
勾选复选框,在组件更新和预览数据看板时,将看不到组件初始化时的加载内容,去勾选则相反。默认为去勾选状态。
受控模式
勾选复选框,组件初始化状态下不请求数据,仅通过全局变量或蓝图编辑器配置的方法发起请求数据;去勾选复选框,可以使用自动更新请求数据。默认为去勾选状态。
自动更新请求
交互
当点击点时
当鼠标移入时
在图层节点页签下,添加当前组件至主画布中。
事件
当数据接口请求完成时
数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。
当单击图标散点层的散点时抛出的事件,同时抛出该散点对应的经纬度数据项。
当鼠标移入图标散点层的散点时抛出的事件,同时抛出该散点对应的经纬度数据项。
动作
导入数据接口
按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。
请求数据接口
切换显隐
切换组件显示或者隐藏,不需要参数。
显示
显示组件,参考数据示例。
{"animationType":"",//动画方式,可选值:fade,不填无动画。"animationDuration":1000,//动画延迟,单位ms。"animationEasing":""//动画曲线}隐藏
隐藏组件,参考数据示例。
{"animationType":"",//动画方式,可选值:fade,不填无动画。"animationDuration":1000,//动画延迟,单位ms。"animationEasing":""//动画曲线}更新组件配置
动态更新组件的样式配置。需要先在组件的样式面板中,单击复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。