关于高德地图:高德多边形相关-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， 没有设置 createOptionspolyEditor.on('add', event => {   console.log('polyEditor add', event.target)})

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