创建海量点
- 支持独立事件绑定
- 可见范围内有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
}
})
功能
添加创建点,单独控制修改点,统一显示消失
