导出 Kepler.gl 地图时禁用侧面板?
Disable side panel when exporting Kepler.gl map?
我将我的数据加载到 kepler.gl (https://kepler.gl/) 并通过将代码嵌入博客post 创建了一个我想在线 post 的视觉效果。
但是,我希望 readers/users 无法查看和访问侧面板,而只能使用地图的主视图。
导出 html 时有什么方法可以更改或更改任何参数吗?
要解决这个问题,必须替换 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}));
我将我的数据加载到 kepler.gl (https://kepler.gl/) 并通过将代码嵌入博客post 创建了一个我想在线 post 的视觉效果。 但是,我希望 readers/users 无法查看和访问侧面板,而只能使用地图的主视图。
导出 html 时有什么方法可以更改或更改任何参数吗?
要解决这个问题,必须替换 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}));