创建地图时如何隐藏侧面板和添加数据弹出窗口？

Question

试图创建一个 Kepler.gl 地图并传递动态数据并在地图上执行一些操作，我遵循了这个 tutorial and added data layers and everything working with the data, but now I need to hide the Side Panel on creating the map how can I do that, do i need to add something to the KeplerGl state? so when it's initing don't show the Side Panel, or I need to use the map actions toggleSidePanel?以及如何使用此操作，我还需要隐藏或删除添加数据弹出窗口，请提前提供帮助并非常感谢

Answer 1

在 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 将自动为您隐藏左侧面板。

让我知道这是否适合你

Answer 2

使用 readOnly 标志对我不起作用。

您可以在初始化kepler reducer时隐藏面板和弹出窗口。

const keplerReducer = keplerGlReducer.initialState({
    uiState: {
        activeSidePanel: null,  
        currentModal: null      
    }
});
const reducers = combineReducers({
    keplerGl: keplerReducer,
    app: appReducer
});

创建地图时如何隐藏侧面板和添加数据弹出窗口？

How to hide Side Panel and the add data popup when the map is created?

javascript

reactjs

kepler.gl