Skip to content

创建海量线

  • 支持独立事件绑定

例:

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
          }
        })

image-20240618144112592

配置