AMapMouseTool绘制多边形点击按钮结束并拿到绘制的坐标
在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/baQS 著作权归作者所有。请勿转载和采集!