AMap.MouseTool 绘制多边形并获取坐标 - JavaScript 示例
在 AMap.MouseTool 绘制多边形时,可以通过以下方法获取绘制的坐标:
- 在绘制完成后,可以通过 MouseTool 的 'draw' 事件获取绘制的坐标数组。
var polygon;
var mouseTool = new AMap.MouseTool(map);
mouseTool.polygon({
fillColor: '#00b0ff',
strokeColor: '#80d8ff',
});
mouseTool.on('draw', function(e) {
polygon = e.obj;
var path = polygon.getPath();
console.log(path); // 打印多边形的坐标数组
});
- 在绘制过程中,可以通过 MouseTool 的 'mousemove' 事件实时获取绘制的坐标数组。
var path = [];
var mouseTool = new AMap.MouseTool(map);
mouseTool.polygon({
fillColor: '#00b0ff',
strokeColor: '#80d8ff',
});
mouseTool.on('mousemove', function(e) {
path.push(e.lnglat);
console.log(path); // 打印多边形的坐标数组
});
mouseTool.on('draw', function() {
mouseTool.close();
});
在以上代码中,使用一个数组 path 来存储绘制的坐标,每次鼠标移动时,将当前的坐标加入到数组中。绘制完成后,通过 MouseTool 的 'draw' 事件关闭绘制工具,同时打印出绘制的坐标数组。
原文地址: https://www.cveoy.top/t/topic/mA1p 著作权归作者所有。请勿转载和采集!