Skip to content

添加多边形

调用方法

addPolygons(option)

返回值res.data 为唯一标识tag数组,覆盖物的tag会在原tag基础上新增一个索引

option

名称类型说明
listListItem[]polygon数组,必填
clickfunction点击标注后会触发此事件
dblclickfunction双击标注后会触发此事件。
removefunction移除折线时触发。
successfunction调用成功回调
failfunction调用失败回调

ListItem

名称类型说明
pointslnglat[]经纬度数组,二维数组围区,三维数组首位围区,后面的扣洞,详见示例代码
optionsPolygonOptions配置

PolygonOptions

名称类型说明默认
colorstring多边形边线颜色"#0000FF"
weightnumber多边形边线的宽度,以像素为单位。3
opacitynumber多边形边线的透明度(范围0-1 之间)。0.5
fillColorstring多边形填充颜色。当参数为空时,折线覆盖物将没有填充效果。"#0000FF"
fillOpacitynumber多边形填充的透明度(范围0-1 之间)0.2
lineStylestring多边形边线的样式(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

文档版本 v1.0.1