AMap.MouseTool 绘制多边形主动结束并获取坐标
在 AMap.MouseTool 绘制多边形时,可以通过调用 'AMap.MouseTool.polygonEditor.end()' 方法来主动结束绘制操作。同时,可以监听 'draw' 事件,在回调函数中获取绘制的多边形的坐标。具体实现代码如下:
var map = new AMap.Map('map-container');
var mouseTool = new AMap.MouseTool(map);
mouseTool.polygon({
strokeColor: '#FF33FF',
strokeOpacity: 0.2,
strokeWeight: 3,
fillColor: '#1791fc',
fillOpacity: 0.4
});
// 监听绘制完成事件
mouseTool.on('draw', function(event) {
// 获取绘制的多边形坐标
var path = event.obj.getPath();
console.log(path);
});
// 主动结束绘制操作
setTimeout(function(){
mouseTool.polygonEditor.end();
}, 5000);
在上面的代码中,我们创建了一个地图实例和一个 'AMap.MouseTool' 对象,然后调用 'polygon' 方法开始绘制多边形,并设置了多边形的样式。接着,我们监听了 'draw' 事件,在回调函数中获取绘制的多边形的坐标,并打印到控制台上。最后,我们通过 'setTimeout' 函数模拟了5秒钟后主动结束绘制操作的场景。当然,您可以根据实际需求自行调整定时器的时间。
原文地址: https://www.cveoy.top/t/topic/mAUj 著作权归作者所有。请勿转载和采集!