飞线层
飞线层是基础平面地图的子组件，支持独立的样式和数据配置，能够以飞线的形式表现地理位置上两个点之间的OD数据，可以用来展示两地之间的关联信息，如物流、交易等。本文档为您介绍飞线层各配置项的含义，帮助您快速准确地使用飞线层子组件。
单击子组件管理下方的飞线层，进入配置面板配置飞线层的样式和数据。
信息
说明 如果子组 件管理中没有飞线层，说明您还未添加飞线层子组件，请参见地图容器进行添加。
配置
- 基础设置
- 可见级别：设置飞线层的可见级别值，在设定的级别范围内飞线层可见，级别之外不可见。
- 飞线样式：设置飞线的起点颜色、终点颜色、飞线渐变和长度等参数。
| 参数 | 说明 |
|---|---|
| 起点颜色 | 飞线的起点颜色。 |
| 终点颜色 | 飞线的终点颜色。 |
| 飞线渐变 | 飞线首尾渐变的颜色插值，取值范围为0.01~10。 |
| 飞线长度 | 飞线的飞行长度，取值范围为10~120。 |
| 飞线粗细 | 飞线的粗细，取值范围为0~20。 |
| 路径点数 | 飞线路径的组成点数，取值范围为100~400。 |
| 高度比例 | 飞线高度比例，取值范围为0.5~5。 |
| 飞出频率 | 飞线飞出的频率，单位为条数/帧。 |
| 飞行速率 | 飞线的飞行速率，取值范围为1~10。 |
- 耀 斑样式：设置飞线耀斑的颜色和大小参数。单击耀斑样式左侧的眼睛图标，可控制耀斑样式的显隐。
| 参数 | 说明 |
|---|---|
| 颜色 | 飞线的耀斑颜色。 |
| 大小 | 飞线耀斑的大小，取值范围为0~20。 |
- 气泡样式：设置飞线气泡的颜色、半径和速率参数。单击气泡样式左侧的
图标，可控制气泡样式的显隐。
| 参数 | 说明 |
|---|---|
| 颜色 | 飞线气泡的颜色。 |
| 半径 | 飞线气泡的半径，取值范围为0~30。 |
| 速率 | 飞线气泡的速率，取值范围为0.1~1。 |
- 箭头样式：设置飞线箭头颜色、大小、描边颜色、宽高比参数，单击箭头样式左侧的 图标，可控制箭头样式的显隐。
| 参数 | 说明 |
|---|---|
| 填充颜色 | 飞线 箭头的填充颜色。 |
| 大小 | 飞线箭头的大小，范围为0~20。 |
| 描边颜色 | 飞线箭头的描边颜色。 |
| 描边大小 | 飞线箭头描边线的宽度。 |
| 宽高比 | 飞线箭头的宽高比例，可调整箭头不同形态。 |
数据
上图中示例JSON代码如下：
[
{
"from": "116.85059,31.69078",
"to": "118.69629,36.20882"
},
{
"from": "120.89355,37.09024",
"to": "116.93848,31.61597"
},
{
"from": "121.28906,29.34388",
"to": "117.20215,31.12820"
},
{
"from": "118.16895,31.57854",
"to": "119.79492,32.47270"
},
{
"from": "116.76270,33.35806",
"to": "116.49902,38.95941"
},
{
"from": "116.41113,30.93992",
"to": "114.78516,26.58853"
},
{
"from": "115.83984,32.13841",
"to": "97.47070,37.54458"
},
{
"from": "116.27930,32.36140",
"to": "114.08203,36.27971"
},
{
"from": "103.66699,25.79989",
"to": "116.05957,31.54109"
},
{
"from": "112.14844,24.40714",
"to": "116.71875,33.21112"
},
{
"from": "116.93848,31.65338",
"to": "118.34473,26.62782"
},
{
"from": "90.70313,42.26105",
"to": "116.23535,32.32428"
},
{
"from": "116.41113,30.82678",
"to": "114.87305,36.94989"
},
{
"from": "116.45508,30.78904",
"to": "118.91602,28.57487"
},
{
"from": "116.01562,40.07807",
"to": "116.71875,31.69078"
},
{
"from": "116.71875,31.72817",
"to": "108.45703,40.24599"
},
{
"from": "117.99316,40.84706",
"to": "116.85059,31.69078"
},
{
"from": "118.30078,36.56260",
"to": "117.24609,40.97990"
},
{
"from": "119.35547,26.86328",
"to": "120.41016,32.28713"
},
{
"from": "113.07129,31.42866",
"to": "106.04004,31.31610"
},
{
"from": "116.85059,31.31610",
"to": "110.43457,32.76880"
}
]
字段说明
| 字段 | 说明 |
|---|---|
| from | 飞线起始位置的经纬度，经纬度之间用英文逗号分隔。 |
| to | 飞线终点位置的经纬度，经纬度之间用英文逗号分隔。 |
配置项说明
| 配置项 | 说明 |
|---|---|
| 受控模式 | 打开开关，组件初始化状态下不请求数据，仅通过回调 ID 或蓝图编辑器配置的方法发起请求数据；关闭开关，可以使用自动更新请求数据。 |
| 自动更新请求 | 选中后可以设置动态轮询，还可以手动输入轮询的时间频次。 |
| 数据源 | 可在数据接口下拉选项中修改数据源类型或数据查询代码。 |
| 数据响应结果 | 展示数据请求的响应结果。当数据源发生改变时，可刷新数据后查看响应数据，实时查看数据响应结果。 |
交互
此组件没有交互事件。
蓝图编辑器交互配置
- 在画布编辑器页面，单击基础平面地图子组件管理列表中飞线层右侧的
图标。 - 单击页面左上角的 图标。
- 在蓝图编辑器配置页面，单击导入节点栏内的飞线层组件，在画布中可以看到如下图所示的飞线层的蓝图编辑器配置参数。
- 事件
当数据接口请求完成时：数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的 JSON 格式的数据。具体数据请参见上文的数据示例。
- 动作
动作 | 说明 |
|---|---|
| 请求数据接口 | 重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如飞线层配置了API数据源为http://api.test，传到请求数据接口动作的数据为{ id: '1'}，则最终请求接口为http://api.test?id=1。 |
| 导入数据接口 | 按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据请参见上文的数据示例。 |
| 显示 | 显示组件，不需要参数 |
| 隐藏 | 隐藏组件，不需要参数。 |