如何将点击事件_this.clickpoint改为每个点上方框图显示该点的信息呢

为了实现在每个点上点击时显示对应点的信息，你需要修改`bindPointClick`函数，使其利用`THREE.Object3D`的`addEventListener`方法来监听每个点对象（`_this.points[i].object`）的点击事件。当你点击一个点时，你可以从它的`attr`属性中获取所需的信息，然后显示在一个弹出框或者UI元素中。以下是一个简单的实现步骤：

1. 确保你已经有一个可以显示信息的UI元素，比如一个模态框、提示层或者DOM元素。

// 创建一个HTML模板或者React组件来展示点的信息
function createInfoDisplay(pointAttr) {
    let displayElement = document.createElement('div');
    displayElement.textContent = `点位信息：${JSON.stringify(pointAttr)}`;
    return displayElement;
}

// 更新bindPointClick函数
bindPointClick() {
    // ...其他代码...

    for (let i = 0; i < _this.points.length; i++) {
        _this.points[i].object.addEventListener('click', function(event) {
            // 获取被点击点的信息
            const clickedPointAttr = this.getAttribute('attr');

            // 创建并显示信息
            const infoDisplay = createInfoDisplay(clickedPointAttr);
            showPopup(infoDisplay); // 这里假设showPopup是你用来显示信息的函数

            // 清除已有的点击标记，如果需要
            if (_this.clickPoint) {
                _this.clickPoint.style.display = 'none'; // 或者其他隐藏的方式
            }

            // 更新当前点击的点
            _this.clickPoint = this;

            // 显示新点击的点的信息
            infoDisplay.style.display = 'block';
        });
    }
}

请确保`this.getAttribute('attr')`能正确地从`_this.points[i].object`获取到预期的数据，并根据你的UI需求调整`showPopup`函数。