山海鲸可视化

多边形

鲸地图可以在“标绘”中添加图形,而“多边形”就是图形的一种类型,通过选择各个顶点的位置,然后将首尾相连形成封闭图形即可生成“自由多边形”

数据多边形的示例数据如下:

名称字段(名称) 点位字段(点位)
数据多边形 [[159.1046014853191,41.18451134373868],[152.4614997901289,39.15426302391356],[151.9079079821964,32.51977563836516],[160.76537690911667,31.203323010141517],[163.3118992256062,37.94203839397247]]

选中左侧图层中的“多边形”组,将示例数据绑定到对应的数据字段中,即可自动生成“数据多边形”。其中点位字段数据类型为“数组”名称字段数据类型为“字符串”,如下图所示:

选中左侧图层“多边形”组中的一个多边形,点击左上角的“编辑”按钮,可以对多边形进行编辑。

多边形编辑,效果如下图所示:

1. 基本设置

配置项 说明
是否显示 自定义设置是否显示多边形,默认开启。
是否可点击 对多边形是否可点击进行设置,默认开启,关闭后无法点击多边形。
点击时切换视角 对点击多边形是否切换视角进行设置,默认开启,点击多边形可以切换到预设视角,关闭后点击多边形无法切换视角。
视角切换时长 自定义设置视角切换时长,默认值为“500 毫秒”,值越大,视角切换速度越慢。
地图层级 对应地图显示等级,取值范围为“1~19”,默认值为“10”,值越小,切换的视角越高,所能看到的范围越大。
同时选中 默认关闭,开启后可以同时选中多个多边形。

开启/关闭 是否显示设置,效果如下图所示:

多边形 点击切换视角,效果如下图所示:

开启 同时选中设置,就可以同时选中多个多边形,如下图所示:

2. 图形样式

图形样式共有“默认”“悬停时”“选中后”三种状态,可以分别进行全局样式的设置,由于“悬停时”“选中后”中的设置与“默认”相同,因此这里只介绍“默认”全局样式的设置。

2.1 基本样式

配置项 说明
填充颜色 对多边形进行填充颜色配置。(颜色设置方式可以参看教程:设置颜色
线条类型 选择线条的类型,有“实线”“虚线”,默认为“实线”。切换为“虚线”后可以设置每个小线段的长度和间距,长度默认值为“10px”,间距默认值为“15px”
线条宽度 自定义设置线条宽度,默认宽度为“4px”,值越大线条越粗。
线条颜色 对线条进行颜色配置。(颜色设置方式可以参看教程:设置颜色

多边形 图形样式基本样式设置,如下图所示:

多边形 切换不同的线条类型,如下图所示:

2.2 文本样式

配置项 说明
是否显示 自定义设置是否显示多边形上的文本,默认开启。
字体 可对文本的字体、字体大小、颜色等样式进行配置。
偏移 自定义设置文本的偏移值,X 和 Y 方向上的默认偏移值都为“0px”
文本背景 设置文本背景,有“无”、“颜色”、“图片”三种类型,选择“图片”类型即可上传本地的图片作为文本背景。

多边形 图形样式文本样式设置,如下图所示:

3. 面板设置

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

多边形 面板设置,如下图所示:

多边形被选中后,弹窗自动弹出,如下图所示: