导出 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}));