圆形

基础示例

静态属性

仅且可以初始化配置,不支持响应式。

名称类型说明

动态属性

支持响应式。

名称类型说明
centerArray[x,y]圆心位置
radiusNumber圆半径,单位:米
strokeColorString线条颜色,使用16进制颜色代码赋值。
strokeOpacityNumber轮廓线透明度,取值范围[0,1],0表示完全透明,1表示不透明。默认为0.9
strokeWeightNumber轮廓线宽度,以像素为单位
fillColorString圆形填充颜色,使用16进制颜色代码赋值。
fillOpacityFloat圆形填充透明度,取值范围[0,1],0表示完全透明,1表示不透明。默认为0.9
strokeStyleString轮廓线样式,实线:solid,虚线:dashed
enableMassClearBoolean是否在调用map.clearOverlays清除此覆盖物,默认为true
enableEditingBoolean是否启用线编辑,默认为false
enableClickingBoolean是否响应点击事件,默认为true
visibleBoolean覆盖物显隐控制,默认true

ref 可用方法

提供无副作用的同步帮助方法

函数返回说明
$getInstance()BMapGL.Circleopen in new window获取circle实例
$getCenter()[lng:Number,lat:Number]获取 circle 圆心坐标
$getRadiusNumber返回圆形的半径,单位为米

事件

事件参数说明
initObject组件实例
clickevent{type, target, point, pixel}鼠标左键单击事件
dblclickevent{type, target, point, pixel}鼠标左键双击事件
rightclickevent{type, target, point, pixel}右键单击
mousedownevent{type, target, point, pixel}鼠标按下
mouseupevent{type, target, point, pixel}鼠标抬起
mouseoverevent{type, target, point, pixel}鼠标经过
mouseoutevent{type, target, point, pixel}鼠标移出
remove{type, target}移除圆形时触发此事件
lineupdate{type, target}圆形覆盖物的属性发生变化时触发此事件
最后更新时间:
贡献者: guyangyang