鲸地图可以在“标绘”中添加图形,而“多边形”就是图形的一种类型,通过选择各个顶点的位置,然后将首尾相连形成封闭图形即可生成“自由多边形”。
数据多边形的示例数据如下:
名称字段(名称) | 点位字段(点位) |
---|---|
数据多边形 | [[159.1046014853191,41.18451134373868],[152.4614997901289,39.15426302391356],[151.9079079821964,32.51977563836516],[160.76537690911667,31.203323010141517],[163.3118992256062,37.94203839397247]] |
选中左侧图层中的“多边形”组,将示例数据绑定到对应的数据字段中,即可自动生成“数据多边形”。其中点位字段数据类型为“数组”,名称字段数据类型为“字符串”,如下图所示:
选中左侧图层“多边形”组中的一个多边形,点击左上角的“编辑”按钮,可以对多边形进行编辑。
多边形编辑,效果如下图所示:
配置项 | 说明 |
---|---|
是否显示 | 自定义设置是否显示多边形,默认开启。 |
是否可点击 | 对多边形是否可点击进行设置,默认开启,关闭后无法点击多边形。 |
点击时切换视角 | 对点击多边形是否切换视角进行设置,默认开启,点击多边形可以切换到预设视角,关闭后点击多边形无法切换视角。 |
视角切换时长 | 自定义设置视角切换时长,默认值为“500 毫秒”,值越大,视角切换速度越慢。 |
地图层级 | 对应地图显示等级,取值范围为“1~19”,默认值为“10”,值越小,切换的视角越高,所能看到的范围越大。 |
同时选中 | 默认关闭,开启后可以同时选中多个多边形。 |
开启/关闭 是否显示设置,效果如下图所示:
多边形 点击切换视角,效果如下图所示:
开启 同时选中设置,就可以同时选中多个多边形,如下图所示:
图形样式共有“默认”、“悬停时”、“选中后”三种状态,可以分别进行全局样式的设置,由于“悬停时”和“选中后”中的设置与“默认”相同,因此这里只介绍“默认”全局样式的设置。
配置项 | 说明 |
---|---|
填充颜色 | 对多边形进行填充颜色配置。(颜色设置方式可以参看教程:设置颜色) |
线条类型 | 选择线条的类型,有“实线”和“虚线”,默认为“实线”。切换为“虚线”后可以设置每个小线段的长度和间距,长度默认值为“10px”,间距默认值为“15px”。 |
线条宽度 | 自定义设置线条宽度,默认宽度为“4px”,值越大线条越粗。 |
线条颜色 | 对线条进行颜色配置。(颜色设置方式可以参看教程:设置颜色) |
多边形 图形样式基本样式设置,如下图所示:
多边形 切换不同的线条类型,如下图所示:
配置项 | 说明 |
---|---|
是否显示 | 自定义设置是否显示多边形上的文本,默认开启。 |
字体 | 可对文本的字体、字体大小、颜色等样式进行配置。 |
偏移 | 自定义设置文本的偏移值,X 和 Y 方向上的默认偏移值都为“0px”。 |
文本背景 | 设置文本背景,有“无”、“颜色”、“图片”三种类型,选择“图片”类型即可上传本地的图片作为文本背景。 |
多边形 图形样式文本样式设置,如下图所示:
配置项 | 说明 |
---|---|
弹窗 | 为多边形绑定已经添加的弹窗。 |
显示方式 | 选择弹窗的显示方式,有“二维跟随”和“二维固定”。 |
偏移 | 自定义设置弹窗的偏移值,X 和 Y 方向上的默认偏移值都为“0px”。 |
多边形 面板设置,如下图所示:
当多边形被选中后,弹窗自动弹出,如下图所示: