Appearance
添加多边形
调用方法
addPolygons(option)
返回值res.data
为唯一标识tag
数组,覆盖物的tag会在原tag基础上新增一个索引
option
名称 | 类型 | 说明 |
---|---|---|
list | ListItem[] | polygon数组,必填 |
click | function | 点击标注后会触发此事件 |
dblclick | function | 双击标注后会触发此事件。 |
remove | function | 移除折线时触发。 |
success | function | 调用成功回调 |
fail | function | 调用失败回调 |
ListItem
名称 | 类型 | 说明 |
---|---|---|
points | lnglat[] | 经纬度数组,二维数组围区,三维数组首位围区,后面的扣洞,详见示例代码 |
options | PolygonOptions | 配置 |
PolygonOptions
名称 | 类型 | 说明 | 默认 |
---|---|---|---|
color | string | 多边形边线颜色 | "#0000FF" |
weight | number | 多边形边线的宽度,以像素为单位。 | 3 |
opacity | number | 多边形边线的透明度(范围0-1 之间)。 | 0.5 |
fillColor | string | 多边形填充颜色。当参数为空时,折线覆盖物将没有填充效果。 | "#0000FF" |
fillOpacity | number | 多边形填充的透明度(范围0-1 之间) | 0.2 |
lineStyle | string | 多边形边线的样式(solid或dashed)。 | "solid" |
示例代码
javascript
// 一般多边形
TDTRenderRef.value.addPolygons({
list: [
{
points: [
[106.48562, 29.62385],
[106.48572, 29.62395],
[106.48962, 29.62485],
[106.48762, 29.62885]
]
}
]
});
// 多边形扣洞
TDTRenderRef.value.addPolygons({
list: [
{
points: [
[
[106.48562, 29.62385],
[106.48572, 29.62395],
[106.48962, 29.62485],
[106.48762, 29.62885]
],
[
[106.48592, 29.62405],
[106.48952, 29.62485],
[106.48762, 29.62585]
]
]
}
]
});
贡献者
mosowe