Skip to content

创建海量点

  • 支持独立事件绑定
  • 可见范围内有50万点位有轻微卡顿
typescript
const points = createPointCollection()
points.add(options)

可配置参数

typescript
type PointCollectionOptions = {
  addOptions: {
    /** 唯一标识 */
    id?: string;
    /** 位置 */
    position: Point3d | [number, number, number?];
    /** 显示消失 */
    show?: boolean;
    /** 点大小 */
    size?: number;
    /** 点颜色 */
    color?: MapColor;
    /** 描边宽度 */
    outlineWidth?: number;
    /** 描边颜色 */
    outlineColor?: MapColor;
    labelOffset?: [number, number];
    /** 近距离 */
    near?: number;
    /** 远距离 */
    far?: number;
    /** 近距离缩放 */
    nearScale?: number;
    /** 远距离缩放 */
    farScale?: number;
    property?: Record<string | symbol, any>;
  };
};

标签

typescript
 const point = createPointCollection()
        point.label.setHtml('<div>label标签</div>') 
        point.on('mouseMove', (ev, mark, even) => {
          console.log(even)
          if (mark === 'in') {
            ev[0].label.show = true
          } else {
            ev[0].label.show = false
          }
        })

image-20240618113433943

功能

添加创建点,单独控制修改点,统一显示消失

配置