导出 Kepler.gl 地图时禁用侧面板？

Question

我将我的数据加载到 kepler.gl (https://kepler.gl/) 中，并通过将代码嵌入到博客文章中创建了一个我想在线发布的视觉效果。 但是，我希望读者/用户不能看到和访问侧面板，而只能使用地图的主视图。

有什么方法可以做到这一点，或者在导出 html 时我可以更改任何参数吗？

Answer 1

要解决这个问题，必须替换 reducers 块：

const reducers = (function createReducers(redux, keplerGl) {
            return redux.combineReducers({
              // mount keplerGl reducer
              keplerGl: keplerGl.keplerGlReducer
            });
          }(Redux, KeplerGl));

以下内容：

      const reducers = (function createReducers(redux, keplerGl) {
        const customizedKeplerGlReducer = keplerGl.keplerGlReducer.initialState({
           uiState: {readOnly: true}
        });            
        return redux.combineReducers({
          // mount keplerGl reducer
          keplerGl: customizedKeplerGlReducer
        });
      }(Redux, KeplerGl));

最后，将带有addDataToMap 的行更改为： store.dispatch(keplerGl.addDataToMap(loadedData, {readOnly: true}));