AI 地图
产品服务
解决方案
文档与支持
定价
更新时间: 2026/08/03 16:28
圆形 Circle

你可以通过 BMap.Circle指定圆心(即中心点)和半径 在地图上绘制圆。

// 添加一个圆形
var circle = new BMap.Circle(center, 2000, {
strokeWeight: 2,
});
map.addOverlay(circle);
常用配置项

创建 Circle 时,可以通过第三个参数设置圆的属性,常用属性如下:

  • strokeColor:设置圆的描边颜色,如 "blue""#ff0000" 等。

  • strokeWeight:设置圆的描边宽度,数值类型,默认值为 2。

  • strokeOpacity:设置圆的描边透明度,取值范围 0.0 ~ 1.0

  • strokeStyle:设置圆的描边样式,可选 "solid"(实线)或 "dashed"(虚线)。

  • fillColor:设置圆的填充颜色,如 "#b9ddfa"

  • fillOpacity:设置圆的填充透明度,取值范围 0.0 ~ 1.0

  • enableEditing:是否启用圆的编辑功能,默认 false。编辑效果见 编辑圆示例

var circle = new BMap.Circle(center, 2000, {
strokeColor: "blue",
strokeWeight: 4,
strokeOpacity: 0.8,
strokeStyle: "solid",
fillColor: "#b9ddfa",
fillOpacity: 0.5,
enableEditing: false
});

常用方法

圆添加到地图后,可以通过实例方法动态更新属性,常用方法如下:

// 修改圆心和半径
circle.setCenter(new BMap.Point(116.414, 39.925));
circle.setRadius(3000);
// 修改样式
circle.setStrokeColor("red");
circle.setStrokeWeight(6);
circle.setStrokeOpacity(0.5);
circle.setStrokeStyle("dashed");
circle.setFillColor("#ffcc00");
circle.setFillOpacity(0.3);
// 获取圆心和半径
var center = circle.getCenter();
var radius = circle.getRadius();
相关类参考

BMap.Circle

上一篇

多边形

下一篇

矩形
本篇文章对您是否有帮助?