高德地图API - AMap.MouseTool 绘制多边形polygon配置详解
AMap.MouseTool是高德地图API中的一个工具类,用于帮助开发者在地图上绘制一些图形,如点、线、面等。其中,polygon是用于绘制多边形的方法之一,具体的配置方法如下:
- 创建AMap.MouseTool对象
var mouseTool = new AMap.MouseTool(map);
- 配置polygon方法
mouseTool.polygon({
strokeColor: '#FF33FF', // 线颜色
strokeOpacity: 0.2, // 线透明度
strokeWeight: 3, // 线宽
fillColor: '#1791fc', // 填充颜色
fillOpacity: 0.35 // 填充透明度
});
其中,各个属性的含义如下:
- strokeColor:线颜色,可以为十六进制颜色值或CSS颜色名,默认值为'#006600'
- strokeOpacity:线透明度,取值范围为0-1之间的数值,越小越透明,默认值为1
- strokeWeight:线宽,单位为像素,默认值为3
- fillColor:填充颜色,可以为十六进制颜色值或CSS颜色名,默认值为'#0088ff'
- fillOpacity:填充透明度,取值范围为0-1之间的数值,越小越透明,默认值为0.35
- 监听polygon绘制完成事件
mouseTool.on('draw', function(e) {
console.log(e.obj.getPath()); // 获取绘制的多边形路径
});
当用户完成绘制多边形后,会触发'draw'事件,可以通过e.obj.getPath()方法获取绘制的多边形路径。
原文地址: https://www.cveoy.top/t/topic/mAR7 著作权归作者所有。请勿转载和采集!