你可以通过 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();
上一篇
下一篇