问题标签 [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 回答
470 浏览

json - 无法将 geoJSON 数据导入 Kepler.gl

我正在尝试使用 kepler.gl 可视化工具创建交通运动动画,但我遇到的问题是当我尝试导入我的 geoJSON 数据时网站崩溃。

我使用的 GeoJSON 代码示例如下:

你有什么想法可能是什么原因?我已经验证了代码,除了坐标元素的数量之外,看起来一切都很好(但这是开普勒的要求,示例格式如下所示):

任何帮助都非常感谢

0 投票
2 回答
380 浏览

kepler.gl - H3 索引(分辨率 8)和 kepler.gl 映射问题

我正在尝试在 kepler.gl 中映射附加的 h3index 数据集。我使用以下 scala 函数以分辨率索引 8 生成这些。

https://drive.google.com/file/d/1Wffsi1GoRGox8r3s_HYWRqFTtKKP_s8B/view?usp=sharing

当我在终端中使用 h3 获取相同的经纬度值时,它给了我不同的 hex_index:

例子:

返回882bac516bfffff

这两个 hex_indexes 都正确吗?

此外,当我尝试在 kepler.gl 中进行映射时,我什么也看不到。

0 投票
2 回答
1592 浏览

javascript - 是否有任何 kepler.gl 的有效反应示例?

现在在提供的 kepler.gl React 示例中有一个开放的、破坏性的错误。

未解决的问题: https ://github.com/keplergl/kepler.gl/issues/983

目前似乎不起作用的 React 示例: https ://github.com/keplergl/kepler.gl/tree/master/examples

我正在尝试在我的 React 应用程序中使用 kepler.gl 地图。我可以看到侧边栏和其他无关的东西出现,但实际地图本身没有。如果有人有任何将开普勒地图集成到 React 应用程序中的工作示例,我很乐意看到它,但如果有人知道为什么我当前的集成被破坏,那也会有很大帮助。

在我的 index.js 文件中,我有:

在我的地图组件中,我有:

0 投票
1 回答
191 浏览

mapbox-gl-js - 如何创建具有对数大小比例的 HexagonLayer

我在 3D 中创建了一个可以完美渲染和工作的图层。

我想创建一个HexagonLayer,他的高度将基于我认为我正确执行的所有卷的总和。

但我不知道该大小比例是否应该按日志,正如您在开普勒图像中看到的那样。

如何使用日志大小比例?

这是我的代码:

图片

在此处输入图像描述

0 投票
2 回答
655 浏览

json - 如何使用 React 从 json 文件中读取数据并在 kepler.gl 中绘制数据

我正在研究 kepler.gl .... 赖特现在我正在从 api 读取数据并将该数据绘制在 keplr.gl 中,这工作正常这里是代码...

现在我想从 jason 或 csv 文件中读取数据并将该数据绘制到 kepler.gl 地图中。我该怎么做有人可以帮助我吗?.....谢谢

0 投票
1 回答
618 浏览

kepler.gl - 单击按钮更改 kepler.gl 的状态

我正在研究 kepler.gl 。我正在尝试在地图上添加另一个点并在单击按钮时更改 kepler.gl 的状态。我的意思是当我单击按钮时,另一个点会映射到 keppler.gl 地图上。赖特现在我在 kepler.gl 地图上有 4 点,这工作正常......这是地图上 4 点的代码

我的 data.jason 文件看起来像这样....

现在我想单击按钮添加另一个点?例如,我想在单击按钮时添加该点

我该怎么做有人可以帮我吗?我已经尝试过 mapstateupdataer 功能但无法获得所需的结果?

0 投票
1 回答
454 浏览

python - 在没有 Jupyter Notebook 的情况下使用 Kepler GL

我想在我当前的项目中包含大比例尺地图,以便在国家地图上绘制一些数据。我遇到了开普勒 GL 正是这样做的。我在我的项目中使用 python,但到目前为止,我只找到了Kepler GL的 Jupyter notebook 实现。

有没有办法使用 Kepler GL 仅使用 python 脚本而不使用 Jupyter 笔记本来包含和显示地图?

0 投票
0 回答
370 浏览

react-native - React Kepler Mapbox API 密钥

我是 React 的新手,并且使用了一个示例来整理一张地图,以使用 Kepler 显示数据。我在 .env.local 文件中使用默认令牌。我使用新文件在我的项目文件夹下创建了该文件并为其命名,然后我只有以下行。

// 请记住,此令牌是我使用 mapbox 创建帐户时获得的默认令牌。可以使用默认令牌吗?

我在 app.js 中使用它的方式

页面呈现但出现此错误。它显然没有从 .env.local 文件中获取 mapbox 标识符。

我在这里做错了什么?

还有一个警告说

当我点击它时,它只会让我重新创建一个带有 mapbox 的帐户并访问令牌。我是否需要考虑任何因素来制作代币?或默认是好的。

任何人?

0 投票
1 回答
237 浏览

reactjs - 如何在 kepler.gl react.js 中切换图层可见性?

我使用 kepler.gl 在我的 React 应用程序中添加了一个层。

但是图层的可见性被关闭。我可以手动切换地图中的可见性,但无法使用 React 这样做。

在此处输入图像描述

这是我传入的配置addDataToMap

0 投票
0 回答
486 浏览

reactjs - 接下来,Redux 和 Kepler.js 和 Deck.GL

我正在尝试将 kepler.js 包含到我的 web 应用程序中。因此,我也开始包含 Redux,这是 Kepler 的要求。

我想通过使用 react 来确保我不会失去 next.js 的好处,所以我仍然在加载不需要 redux 的静态页面,并且 SSR 和其他一切仍然正常工作。

使用 next-redux-wrapper 我已经实现了文档中的示例,然后尝试如下实现开普勒 redux 示例(结合两者)。

这个 __app.js

使用此组件作为示例地图

我想确保我没有从我的 next.js 配置中删除 SSR,并且由于某种原因,当我加载开普勒页面时,我无法加载 csv 数据而页面不死。

我也将利用 Deck.gl 并希望确保使用 next.js 将是正确的选择。

感谢任何帮助和指导,以实现这一点。

以供参考,

https://github.com/kirill-konshin/next-redux-wrapper https://docs.kepler.gl/docs/api-reference/get-started