BezierCurve

此类表示一个二阶贝塞尔曲线覆盖物。

构造函数

  • 创建二阶贝塞尔曲线覆盖物

    参数类型说明
    pointsPoint曲线路径点数组
    controlPointsPoint控制点数组,每两个路径点之间可有1或2个控制点,格式如 [[cp1, cp2], [cp3]]
    opts 可选BezierCurveOptions可选参数
    属性类型说明
    enableMassClearboolean是否在调用 map.clearOverlays() 时清除此覆盖物
    strokeColorstring曲线颜色,格式为 '#xxxxxx'
    strokeOpacitynumber曲线透明度,取值范围0 - 1
    strokeStylestring曲线样式,支持 'solid' 实线或 'dashed' 虚线
    strokeWeightnumber曲线宽度,以像素为单位

    返回值 BezierCurve

    示例代码1

    const bezierCurve = new BMap.BezierCurve(
    [new BMap.Point(116.399, 39.910), new BMap.Point(116.415, 39.930)],
    [[new BMap.Point(116.405, 39.940)]],
    { strokeColor: '#0055ff', strokeWeight: 3 }
    );
    map.addOverlay(bezierCurve);

方法

  • 添加事件监听函数

    参数类型说明
    eventstring事件名称
    handlerFunction事件处理函数

    返回值 void

    示例代码1

    bezierCurve.addEventListener('click', (e) => {
    console.log('bezierCurve clicked', e);
    });
  • 禁止覆盖物在 map.clearOverlays() 方法中被清除

    返回值 void

  • 允许覆盖物在 map.clearOverlays() 方法中被清除

    返回值 void

  • 返回覆盖物的地理区域范围

    返回值 Bounds

  • 返回曲线的控制点数组

    返回值 Point[]

  • 返回覆盖物所在的地图实例

    返回值 Map

  • 返回曲线的路径点数组

    返回值 Point[]

  • 返回曲线颜色

    返回值 string

  • 返回曲线透明度

    返回值 number

  • 返回曲线样式

    返回值 string

  • 返回曲线线宽

    返回值 number

  • 移除事件监听函数

    参数类型说明
    eventstring事件名称
    handlerFunction事件处理函数

    返回值 void

    示例代码1

    const handler = (e: any) => { console.log(e); };
    bezierCurve.addEventListener('click', handler);
    bezierCurve.removeEventListener('click', handler);
  • 设置曲线的控制点数组,每两个路径点之间可有1或2个控制点

    参数类型说明
    pathPoint控制点数组

    返回值 void

    示例代码1

    bezierCurve.setControlPoints([new BMap.Point(116.410, 39.940)]);
    
  • 设置曲线的路径点数组

    参数类型说明
    pathPoint路径点数组

    返回值 void

    示例代码1

    bezierCurve.setPath([
    new BMap.Point(116.399, 39.910),
    new BMap.Point(116.420, 39.935),
    ]);
  • 设置曲线颜色

    参数类型说明
    colorstring颜色值,格式为 '#xxxxxx'

    返回值 void

    示例代码1

    bezierCurve.setStrokeColor('#ff0000');
    
  • 设置曲线透明度

    参数类型说明
    opacitynumber透明度,取值范围0 - 1

    返回值 void

    示例代码1

    bezierCurve.setStrokeOpacity(0.7);
    
  • 设置曲线样式

    参数类型说明
    stylestring线样式,'solid' 实线或 'dashed' 虚线

    返回值 void

    示例代码1

    bezierCurve.setStrokeStyle('dashed');
    
  • 设置曲线线宽

    参数类型说明
    weightnumber线宽,单位像素,须为大于等于1的整数

    返回值 void

    示例代码1

    bezierCurve.setStrokeWeight(4);