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

Question

尝试创建 Kepler.gl map 并传递动态数据并在 map 上执行一些操作，我遵循了这个 tutorial并添加了数据层和所有使用数据的东西，但现在我需要在创建 map 时隐藏侧面板我该怎么做，我需要向 KeplerGl 状态添加一些东西吗？所以当它启动时不要显示侧面板，否则我需要使用 map 操作 toggleSidePanel ？以及如何使用此操作，我还需要隐藏或删除添加数据弹出窗口，请提前提供帮助并非常感谢

Answer 1

在 vis academy 教程的第 3 步中，您将找到以下代码:


//addDataToMap 操作将数据集注入(inject) kepler.gl 实例
this.props.dispatch(addDataToMap({datasets: dataset, config: nycConfig}));


addDataToMap 可以采用第三个参数，您可以在其中传递几个选项来与 Kepler.gl UI 进行交互。在你的情况下，你想要做的是:


//addDataToMap 操作将数据集注入(inject) kepler.gl 实例
this.props.dispatch(addDataToMap({datasets: dataset, config: nycConfig, options: {centerMap: true, readOnly: true}}));


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

让我知道这是否适合你