1

尝试创建 Kepler.gl 地图并传递动态数据并在地图上执行一些操作，我按照本教程添加了数据层和所有处理数据的内容，但现在我需要隐藏创建地图的侧面板如何我这样做了，我需要向 KeplerGl 状态添加一些东西吗？所以当它初始化时不显示侧面板，或者我需要使用地图操作toggleSidePanel？以及如何使用此操作，我还需要隐藏或删除添加数据弹出窗口，请帮助并提前感谢

4

2 回答 2

0

在 vis 学院教程的第 3 步中，您将找到以下代码：

// addDataToMap action to inject dataset into kepler.gl instance this.props.dispatch(addDataToMap({datasets: dataset, config: nycConfig}));

addDataToMap 可以采用第三个参数，您可以在其中传递一些选项来与 Kepler.gl UI 交互。在您的情况下，您想要做的是以下内容：

// addDataToMap action to inject dataset into kepler.gl instance this.props.dispatch(addDataToMap({datasets: dataset, config: nycConfig, options: {centerMap: true, readOnly: true}}));

Kepler.gl 会自动为您隐藏左侧面板。

让我知道这是否适合你

于 2018-10-22T03:08:45.207 回答
0

readOnly对我来说，它对标志不起作用。

您可以在初始化开普勒减速器时隐藏面板和弹出窗口。

const keplerReducer = keplerGlReducer.initialState({
    uiState: {
        activeSidePanel: null,  
        currentModal: null      
    }
});
const reducers = combineReducers({
    keplerGl: keplerReducer,
    app: appReducer
});
于 2020-07-19T11:52:01.480 回答