关于高德地图:高德多边形相关-API-使用

多边形编辑器

多边形编辑工具 AMap.PolygonEditor，语法：new AMap.PolygonEditor(map, polygon?, opts?)。

opts 参数如下：

批改多边形编辑器款式

如果想实现下图的多边形编辑器款式，能够通过批改第三个参数 opts 属性来实现。

代码如下：

// tips: 第二个参数为 null，是因为在其余中央应用 addAdsorbPolygons 增加了多边形
const polyEditor = new AMap.PolygonEditor(map, null, {
  // 编辑时，设置背景色与边框色彩为绿色
  editOptions: {
    fillColor: "green",
    strokeColor: "green",
    strokeWeight: 4,
  },
  // 设置门路顶点色彩为红色
  controlPoint: {
    fillColor: "red",
    strokeColor: "red",
  },
  // 设置两头点色彩为黄色
  midControlPoint: {
    fillColor: "yellow",
    strokeColor: "yellow",
  }
})

设置 opts.createOptions 色彩，画的过程中没有失效，后续待补充。

能够批改的 style 款式有哪些？

高德 API 里没有具体阐明能够批改的编辑器 style 款式。尝试通过 add 事件打印的 event.target 看下以后编辑的多边形。

// polyEditor 是上文的 polyEditor，没有设置 createOptions
polyEditor.on('add', event => {console.log('polyEditor add', event.target)
})

输入后果的 _opts 属性如下图，因为未设置 createOptions，此处打印的是默认的 createOptions，实践状况下这些属性就是能够批改的 style 款式。 其余属性也能够通过此办法查看。