javascript - 创建地图时如何隐藏侧面板和添加数据弹出窗口?
问题描述
尝试创建 Kepler.gl 地图并传递动态数据并在地图上执行一些操作,我按照本教程添加了数据层和所有处理数据的内容,但现在我需要隐藏创建地图的侧面板如何我这样做了,我需要向 KeplerGl 状态添加一些东西吗?所以当它初始化时不显示侧面板,或者我需要使用地图操作toggleSidePanel?以及如何使用此操作,我还需要隐藏或删除添加数据弹出窗口,请帮助并提前感谢
解决方案
在 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 会自动为您隐藏左侧面板。
让我知道这是否适合你
推荐阅读
- android - Asynctask 不适用于实时数据库
- scala - 如何从进料器中获取随机值以在加特林的标头中使用
- javascript - 点击显示灯箱
- active-directory - Powershell 导入导出的文件
- firebase - 仅将项目成员添加到 Firebase(而不是整个 Google Cloud)
- android - Xamarin Forms Custom TabbedRenderer 移除 Android 上的 TabLayout
- react-native - Redux persist 不存储任何数据以供离线使用
- c - 尝试 if "?:" 条件块可以更简单
- symfony - 我在 symfony 4 ton enable Easy Admin Bundle 中找不到文件夹和文件 app/appkernel.php
- bash - SuiteCRM - 修复文件权限