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);
此类表示一个二阶贝塞尔曲线覆盖物。