问题标签 [kepler.gl]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
438 浏览

kepler.gl - 如何从 Kepler 中的 url 加载数据?

将kepler.gl嵌入我的应用程序后,如何添加从url添加数据的功能?默认情况下,我可以将 csv 文件添加到开普勒的模态中。

0 投票
1 回答
184 浏览

reactjs - 在 kepler.gl 中请求渲染新帧

如何在 kepler.gl 中请求渲染新帧?

我创建了一个动画的 deck.gl 图层,就像 vis.academy 教程中的那个:http: //vis.academy/#/custom-layers/5-custom-uniform

我还成功地将该层与 kepler.gl 集成。
但是,仅当我移动鼠标或视口时,kepler.gl 才会更新图层(渲染新帧)。

在deckl.gl中,新帧的请求是在应用程序的初始化中配置的:

……

但是,到目前为止,我无法在 kepler.gl 中找出相应的操作。

0 投票
1 回答
328 浏览

kepler.gl - 如何提高keplergl的性能?

有没有办法通过停用用例中不需要的一些功能来提高 keplergl 的性能?

想法:

  1. 移除侧边栏(不仅隐藏,而且根本没有加载)
  2. 在高缩放级别上禁用对象交互性(悬停/单击效果)
  3. 仅在当前视口中加载对象(+ 周围的一些空间)
0 投票
1 回答
728 浏览

kepler.gl - 如何更新 Kepler.gl MapBox 组件样式

我试图弄清楚如何自定义kepler.gl 的mapbox 样式。我想让 mapbox 组件填充屏幕的宽度和高度。

我已经尝试使用调度程序更新它但没有成功:

我还尝试使用 styled-components ThemeProvider:

任何帮助将不胜感激!

0 投票
1 回答
750 浏览

react-map-gl - 如何将 Kepler.gl 用于大于 250 MB 的数据集

我正在使用 Kepler.gl 绘制数据。它工作得很好,给了我所需的情节。问题是:我有非常大的 csv 文件(440 MB),我在某处读到,在某些浏览器(如 safari kepler.gl)上支持高达 250MB 的数据集,但它不适用于 chrome。

如何导入这么大的 csv 文件?

0 投票
1 回答
648 浏览

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

我已经成功地使用一些示例数据(基于vis academy教程)在 Google App Engine 上部署了一个基于 kepler.gl 的应用程序。我想要的是能够从 Big Query 中获取数据并将其作为源数据传递。

我尝试在nodejs-bigquery sample中实现该示例,但无法弄清楚如何将结果传递到主 app.js 文件中。我是应用程序开发和 javascript 的绝对初学者,因此我们将不胜感激任何帮助。

这是我的主 app.js 文件的样子

这是错误输出:

0 投票
1 回答
549 浏览

mbtiles - 如何让 Kepler GL 将本地 MBTiles 服务器用于基本地图而不是在线地图?

我有一个 MBTile 服务器在我的本地机器上运行,作为离线 Web 应用程序的服务。我们使用它在离线环境中提供基本地图。我正在探索扩大 Web 应用程序的范围以包含 Kepler GL 功能。

需要更改或添加哪些文件和代码以引导 Kepler GL 使用我在 localhost:3000 上的切片服务器?

谢谢

尝试替换 mapbox 的令牌键和地图 URL。

默认设置.js

... export const MAP_URI = 'demo/map?mapUrl='; ...

webpack.config.js

... // 可选:允许从环境变量插件中读取 mapbox 和 dropbox 客户端令牌:[ //new webpack.EnvironmentPlugin(['MapboxAccessToken', 'DropboxClientId']) new webpack.EnvironmentPlugin({'MapboxAccessToken': 'pk. XXX', 'DropboxClientId': null}) ] }; ...

将 MAP_URI 替换为切片服务器 ( http://localhost:3000 ) 的路径仍将通过编译器,并且开普勒将运行,但没有任何地图。

0 投票
1 回答
582 浏览

html - 导出 Kepler.gl 地图时禁用侧面板?

我将数据加载到 kepler.gl ( https://kepler.gl/ ) 中,并通过将代码嵌入到博客文章中创建了一个我想在线发布的视觉效果。但是,我希望读者/用户不能看到和访问侧面板,而只能看到地图的主视图。

导出html时有什么方法可以更改或更改任何参数吗?

0 投票
1 回答
274 浏览

kepler.gl - 导出 Kepler.gl 地图时自动启动“时间回放”?

我将数据加载到 kepler.gl ( https://kepler.gl/ ) 中,并创建了一个带有“时间回放”的视觉效果并导出为静态 HTML。但是,在浏览器中打开 HTML 时,动画不会运行。

有没有办法为“时间回放”启用“自动播放”(这样用户就不必按下播放按钮来启动动画?

例如,像在https://stackoverflow.com/a/57381970/8590463中那样修改 HTML 文件?

0 投票
3 回答
1089 浏览

kepler.gl - Jupyter .save_to_html 函数不存储配置

我正在尝试将 .save_to_html() 函数用于 kepler.gl jupyter 笔记本地图。

这一切都在 jupyter 中运行良好,我可以使用定义的配置重新加载相同的地图。

出错的地方是我使用 save_to_html() 函数时。地图将保存为 html,但配置恢复为基本配置,在我自定义之前。

请帮忙!我喜欢开普勒,当我解决这个小问题时,它将是我们绝对的首选工具

谢谢

已尝试更改过滤器、颜色和点大小。这些都不起作用。

预期:在 Jupyter 小部件中完全配置的地图

未配置实际颜色和过滤器。地图的大小和位置是一起发送的,所以如果我将它存储在一个空白区域,当我打开 html 文件时,它会看到相同的字段