0

keplergl を使用していて、データベースからデータを取得したいのですが、コンソールでオブジェクトを受信して​​も、kepler がデータを検出できません。

コンソールでオブジェクトを受け取る

私は何をすべきか？前もって感謝します

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}
    />
    
  );
}
4

1 に答える 1

0

ここで、新しいデータでデータセットを動的に更新する方法に関するチュートリアルを見つけることができます: http://vis.academy/#/kepler.gl/3-load-config

「2. 既存のデータセットを同じ形式の新しいデータに置き換え、現在の構成を維持する」セクションを参照してください。

于 2022-01-17T11:24:16.590 に答える