问题标签 [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.
json - 无法将 geoJSON 数据导入 Kepler.gl
我正在尝试使用 kepler.gl 可视化工具创建交通运动动画,但我遇到的问题是当我尝试导入我的 geoJSON 数据时网站崩溃。
我使用的 GeoJSON 代码示例如下:
你有什么想法可能是什么原因?我已经验证了代码,除了坐标元素的数量之外,看起来一切都很好(但这是开普勒的要求,示例格式如下所示):
任何帮助都非常感谢
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 中进行映射时,我什么也看不到。
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 文件中,我有:
在我的地图组件中,我有:
mapbox-gl-js - 如何创建具有对数大小比例的 HexagonLayer
我在 3D 中创建了一个可以完美渲染和工作的图层。
我想创建一个HexagonLayer,他的高度将基于我认为我正确执行的所有卷的总和。
但我不知道该大小比例是否应该按日志,正如您在开普勒图像中看到的那样。
如何使用日志大小比例?
这是我的代码:
图片
json - 如何使用 React 从 json 文件中读取数据并在 kepler.gl 中绘制数据
我正在研究 kepler.gl .... 赖特现在我正在从 api 读取数据并将该数据绘制在 keplr.gl 中,这工作正常这里是代码...
现在我想从 jason 或 csv 文件中读取数据并将该数据绘制到 kepler.gl 地图中。我该怎么做有人可以帮助我吗?.....谢谢
kepler.gl - 单击按钮更改 kepler.gl 的状态
我正在研究 kepler.gl 。我正在尝试在地图上添加另一个点并在单击按钮时更改 kepler.gl 的状态。我的意思是当我单击按钮时,另一个点会映射到 keppler.gl 地图上。赖特现在我在 kepler.gl 地图上有 4 点,这工作正常......这是地图上 4 点的代码
我的 data.jason 文件看起来像这样....
现在我想单击按钮添加另一个点?例如,我想在单击按钮时添加该点
我该怎么做有人可以帮我吗?我已经尝试过 mapstateupdataer 功能但无法获得所需的结果?
python - 在没有 Jupyter Notebook 的情况下使用 Kepler GL
我想在我当前的项目中包含大比例尺地图,以便在国家地图上绘制一些数据。我遇到了开普勒 GL 正是这样做的。我在我的项目中使用 python,但到目前为止,我只找到了Kepler GL的 Jupyter notebook 实现。
有没有办法使用 Kepler GL 仅使用 python 脚本而不使用 Jupyter 笔记本来包含和显示地图?
react-native - React Kepler Mapbox API 密钥
我是 React 的新手,并且使用了一个示例来整理一张地图,以使用 Kepler 显示数据。我在 .env.local 文件中使用默认令牌。我使用新文件在我的项目文件夹下创建了该文件并为其命名,然后我只有以下行。
// 请记住,此令牌是我使用 mapbox 创建帐户时获得的默认令牌。可以使用默认令牌吗?
我在 app.js 中使用它的方式
页面呈现但出现此错误。它显然没有从 .env.local 文件中获取 mapbox 标识符。
我在这里做错了什么?
还有一个警告说
当我点击它时,它只会让我重新创建一个带有 mapbox 的帐户并访问令牌。我是否需要考虑任何因素来制作代币?或默认是好的。
任何人?
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