飞线

在山海鲸可视化鲸地图组件中，不仅支持手动添加、删除飞线，还支持通过添加数据来展示飞线。使用飞线可以更直观地展示鲸地图中各地区的关系与连接。

1. 添加飞线

在鲸地图组件的编辑界面左侧功能菜单栏标绘中点击“飞线”即可在场景中添加飞线。

飞线的添加需要确定“起点”和“终点”，通过鼠标点击可以选择起点和终点，添加后还可以详细调整每个飞线的经纬度坐标，如下图所示：

选中左侧组件图层中的“基础飞线组”，将提前准备好的数据绑定到对应的数据字段中，即可自动生成飞线，如下图所示：

当我们在鲸地图组件中添加飞线时，实际上是添加一个基础飞线组。如下图所示：

基础飞线组的设置会影响组中所有飞线的样式，在这里可以设置飞线的粗细、颜色、起点/终点样式样式等。下面逐一介绍这些配置项。

配置项	说明
是否显示	即飞线组是否显示，默认开启。
是否可点击	对飞线是否可点击进行设置，默认开启，关闭后无法点击飞线。
同时选中	默认关闭，开启后可以选中飞线组中的多条飞线。

配置项	说明
是否显示	自定义设置起点是否显示，默认关闭。
样式设置	自定义选择起点的样式为“颜色”或者“图片”，默认为“颜色”。
颜色	自定义进行颜色配置。（颜色设置方式可以参看教程：设置颜色）
尺寸	设置起点的尺寸，颜色的默认尺寸为“8px”，图片的默认宽度和高度都为“30px”。

起点样式如下图所示（样式选择“颜色”）：

配置项	说明
是否显示	自定义设置终点是否显示，默认关闭。
样式设置	自定义选择终点的样式为“颜色”或者“图片”，默认为“颜色”。
颜色	自定义进行颜色配置。（颜色设置方式可以参看教程：设置颜色）
尺寸	设置终点的尺寸，颜色的默认尺寸为“8px”，图片的默认宽度和高度都为“30px”。

终点样式如下图所示（样式选择“图片”）：

可以对默认、悬停时、选中后三种状态下的飞线样式分别进行设置，下面逐一进行介绍。

配置项	说明
线条类型	选择线条的类型，有“实线”和“虚线”，默认为“实线”。
线条宽度	自定义设置线条宽度，默认宽度为“1px”，值越大飞线越粗。
线条颜色	对线条进行颜色配置。（颜色设置方式可以参看教程：设置颜色）
线条样式	选择线条的样式，有“直线”和“曲线”，默认为“曲线”。
飞线动画	自定义设置飞线动画，有“无”和“循环播放”两种方式，选择“无”则不播放动画，默认为“循环播放”。
显示飞行物	自定义设置飞行物是否显示，默认打开。
飞行物图片	可以在此处上传本地的图片素材作为飞行物。
飞行物尺寸	自定义设置飞行物尺寸，默认宽度和长度都为“100px”。

飞线更改线条类型，如下图所示：

飞线更改线条样式，如下图所示：

配置项	说明
是否显示	自定义设置飞线的名称是否显示，默认打开。
字体	可对飞线文本的字体、字体大小、颜色等样式进行配置。
偏移	自定义设置飞线文本的偏移值，X 和 Y 方向的默认值都为“0px”。
文本背景	自定义设置文本的背景，有“无”、“颜色”、“图片”三种类型，默认为“无”。

飞线 默认文本样式，如下图所示：

配置项	说明
线条类型	设置鼠标悬停状态下线条的类型，有“实线”和“虚线”，默认为“实线”。
线条宽度	设置鼠标悬停状态下线条宽度，默认宽度为“1px”，值越大飞线越粗。
线条颜色	设置鼠标悬停状态下线条的颜色。（颜色设置方式可以参看教程：设置颜色）

配置项	说明
是否显示	自定义设置飞线的名称是否显示，默认打开。
字体	可对飞线文本的字体、字体大小、颜色等样式进行配置。
偏移	自定义设置飞线文本的偏移值，X 和 Y 方向的默认值都为“0px”。
文本背景	自定义设置文本的背景，有“无”、“颜色”、“图片”三种类型，默认为“无”。

飞线 悬停时基本样式和文本样式，如下图所示：

配置项	说明
线条类型	选择线条的类型，有“实线”和“虚线”，默认为“实线”。
线条宽度	自定义设置线条宽度，默认宽度为“1px”，值越大飞线越粗。
线条颜色	对线条进行颜色配置。（颜色设置方式可以参看教程：设置颜色）

配置项	说明
是否显示	自定义设置飞线的名称是否显示，默认打开。
字体	可对飞线文本的字体、字体大小、颜色等样式进行配置。
偏移	自定义设置飞线文本的偏移值，X 和 Y 方向的默认值都为“0px”。
文本背景	自定义设置文本的背景，有“无”、“颜色”、“图片”三种类型，默认为“无”。

飞线 选中后基本样式和文本样式，如下图所示：

配置项	说明
弹窗	为基础飞线组绑定已经添加的弹窗。
显示方式	选择弹窗的显示方式，有“二维跟随”和“二维固定”。
偏移	自定义设置弹窗的偏移值，X 和 Y 方向上的默认偏移值都为“0px”。

飞线 面板设置中绑定弹窗，如下图所示：