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

时间:2018-10-19 10:21:56

标签: javascript reactjs kepler.gl

尝试创建Kepler.gl地图并传递动态数据并在该地图上执行一些操作,我遵循了tutorial,并添加了数据层以及所有与数据相关的内容,但现在我需要隐藏Side在创建地图面板上,我该怎么做,我是否需要向KeplerGl状态添加一些内容?因此在启动时不显示侧面板,或者我需要使用地图操作toggleSidePanel?以及如何使用此操作,还需要隐藏或删除添加数据弹出窗口,请提供帮助,并在此先感谢

2 个答案:

答案 0 :(得分:1)

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

public Deck() { int cardNum = 0; for (int i = 0; i < numSuits; i++) { for (int a = 0; a < numValues; a++) { deck[cardNum].suit = suits[i]; deck[cardNum].value = values[a]; Console.WriteLine("The card at position " + (cardNum + 1) + " is the " + deck[cardNum].value + " of " + deck[cardNum].suit); cardNum++; } } }

addDataToMap可以采用第三个参数,您可以在其中传递一些选项来与Kepler.gl UI进行交互。 在您的情况下,您需要执行以下操作:

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

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

让我知道这是否对您有用

答案 1 :(得分:0)

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

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

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