如何通过代码在kepler.gl中应用过滤器、时间可视化？

import { addDataToMap, filterMapData } from 'kepler.gl/actions';
import { KeplerGlSchema, KeplerGlLayers } from 'kepler.gl';

// 创建一个过滤条件
const filter = {
  id: 'myFilter',
  dataId: 'myData', // 数据集的ID
  name: 'Filter by Attribute', // 过滤器名称
  type: 'range',
  value: [0, 100], // 设置过滤的范围
  enlarged: true
};

// 将过滤器应用到地图数据
const updatedState = keplerGlReducer(oldState, filterMapData(filter));

// 更新地图数据
const dataset = {
  data: myData, // 数据集
  info: {
    id: 'myData' // 数据集的ID
  }
};

const updatedState = keplerGlReducer(oldState, addDataToMap({datasets: dataset}));

// 检查是否成功添加过滤器
console.log(updatedState.filters);

import { setFilter, TimeRange } from 'kepler.gl/actions';
import { KeplerGlSchema, KeplerGlLayers } from 'kepler.gl';

// 创建一个时间范围
const timeRange = new TimeRange([startTime, endTime]);

// 将时间范围应用到地图数据
const updatedState = keplerGlReducer(oldState, setFilter('myFilter', timeRange));

// 检查是否成功应用时间范围
console.log(updatedState.filters);