创建海量线
- 支持独立事件绑定
例:
typescript
const line = createLineCollection()
line.add(options)可配置参数
typescript
type LineCollectionOptions = {
addOptions: {
/** 唯一标识 */
id?: string;
/** 显示消失 */
show?: boolean;
/** 线宽 */
width?: number;
/** 坐标串 */
positions: Array<Point3d> | Array<[number, number, number?]>;
/** material为空时有效 线的类型,实线,虚线,带箭头, 发光, 描边的线 */
type?: 'dotted' | 'line' | 'arrow' | 'glow' | 'outline';
/** 颜色 */
color?: MapColor;
/** 近距离 */
near?: number;
/** 远距离 */
far?: number;
labelOffset?: [number, number];
property?: Record<string | symbol, any>;
/** 虚线配置 */
dotted?: {
/** 线段长度 */
dashLength?: number;
/** 线段间隔 */
dashPattern?: number;
};
/** 描边配置 */
outline?: {
/** 描边宽度 */
outlineWidth?: number;
/** 描边颜色 */
outlineColor?: MapColor;
};
};
};标签
typescript
const line = _3umap.createLineCollection()
line.label.setHtml('<div>label标签</div>')
line.on('mouseMove', (ev, mark, even) => {
if (mark === 'in') {
ev[0].label.show = true
} else {
ev[0].label.show = false
}
})
