html - 导出 Kepler.gl map 时禁用侧面板？

Question

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

导出 html 时有什么方法可以更改或可以更改任何参数吗？

Answer 1

要解决这个问题，必须替换 reducers block :

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