在deck.gl中更改单击项目的颜色

import {Deck} from '@deck.gl/core';
import {GeoJsonLayer} from '@deck.gl/layers';

// 创建一个deck.gl的地图实例
const deck = new Deck({
  // 地图容器的DOM元素
  container: 'map',
  // 地图的初始视图参数
  initialViewState: {...},
  // 其他配置参数
  ...
});

// 加载需要展示的数据集
const data = {...};

// 创建一个GeoJsonLayer图层，用于展示数据集
const layer = new GeoJsonLayer({
  id: 'geojson-layer',
  data: data,
  // 其他图层配置参数
  ...
});

// 将图层添加到地图实例中
deck.setProps({layers: [layer]});

// 监听鼠标单击事件
deck.canvas.addEventListener('click', (event) => {
  // 获取鼠标单击位置的屏幕坐标
  const {clientX, clientY} = event;

  // 使用deck.gl提供的pickObject方法获取被单击的项目信息
  const pickedInfo = deck.pickObject({x: clientX, y: clientY});

  // 判断是否获取到了项目信息
  if (pickedInfo && pickedInfo.object) {
    // 修改项目的颜色属性
    pickedInfo.object.color = [255, 0, 0, 255]; // 修改为红色

    // 更新地图实例，使修改后的颜色生效
    deck.setProps({layers: [layer]});
  }
});