如何从数据库向 keplergl React 添加数据

Question

我正在使用 keplergl，我想从我的数据库中检索数据，但尽管在我的控制台中收到了一个对象，但 kepler 无法检测到我的数据。

Receiving my object in my console

我该怎么办？提前谢谢你

const reducers = combineReducers({
  keplerGl: keplerGlReducer
});

const store = createStore(reducers, {}, applyMiddleware(taskMiddleware));

export default function App() {
  return (
    <Provider store={store}>
      <Routes />
      <Map />
    </Provider>
  );
}

获取 + json + 映射

function Map() {

  
  
  console.log("data", data)

配置参数

  React.useEffect(() => {
    if (data) {
      dispatch(
        addDataToMap({
          datasets: {
            info: {
              label: "COVID-19",
              id: "covid19"
            },
            data:data
          },
          option: {
            centerMap: true,
            readOnly: false
          },
          config: {

          }
        })
      );
    }
  }, [dispatch, data]);

KeplerGl 组件

  return (
    
    <KeplerGl
      id="covid"
      mapboxApiAccessToken={process.env.REACT_APP_MAPBOX_API}
      width={window.innerWidth}
      height={window.innerHeight}
    />
    
  );
}

Answer 1

您可以在此处找到有关如何使用新数据动态更新数据集的教程：http://vis.academy/#/kepler.gl/3-load-config

请参阅“2. 用具有相同格式的新数据替换现有数据集，保持当前配置”部分。

如何从数据库向 keplergl React 添加数据

How to add data on keplergl React from database

mongodb

reactjs

kepler.gl