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

标签 javascript reactjs kepler.gl

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

最佳答案

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

让我知道这是否适合你

关于javascript - 创建 map 时如何隐藏侧面板和添加数据弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52890460/

相关文章:

javascript - 如何在单击按钮时将 Prop 推送到新页面?

reactjs - Reactjs 中的鼠标滚轮事件

node.js - 如何将数据从 BigQuery 移植到已部署在 Google App Engine 上的 ReactJS Webpack 应用程序中

javascript - 为什么jupyter notebook中的kepler map无法在nbviewer上渲染

javascript - 为什么我在 node.js 中使用 parseInt 会得到奇怪的结果? (与 chrome js 控制台的结果不同)

reactjs - 如何为 React 应用应用 antd 深色主题?

javascript - 如何修复div纵横比?

Javascript 如何在 Web App 中隐藏 Consumer Key 和 Secret?

javascript - 如何避免从闭包中访问可变变量