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

mapbox - 我通过将组件添加到我的反应应用程序来尝试 Uber 的 deck.gl。但什么也没有出现。任何帮助,将不胜感激

我通过将组件添加到我的反应应用程序来尝试 Uber 的 deck.gl。但什么也没有出现。

我相信它可能与mapbox有关。它出现过一次,但仅此而已。我设置了宽度、高度等。但没有任何效果。这是他们网站上的基本示例。

带 React 的甲板 Gl

这是我的代码。甲板gl.component.js

和 index.js

这绝对是基本的。但什么也没有出现。我创建了一个新的 mapbox 令牌只是为了确定,但仍然一无所获。

0 投票
1 回答
2164 浏览

javascript - 使用deck.gl根据滑块输入更改图层属性

我正在关注deck.gl github存储库中提供的示例,该示例显示来自geoj​​son的多边形。

从那以后,我改变了地图的初始焦点并提供了我自己的 geojson 来可视化,我用这些示例替换的数据有一个时间组件,我想通过操作范围输入来可视化它。


示例 GeoJSON 结构

我没有为每个时间点重复每个几何图形,而是将数据的时间方面转移到属性上。这使得文件大小可以在完整数据集上进行管理(~50mb 与 ~500mb)。


为了可视化单个时间点,我知道我可以将属性提供给getElevationgetFillColor

所以我继续使用range.slider,将代码添加到 my app.js,添加了以下代码段。我相信我也可能把它放在错误的位置,它应该存在于render()吗?

添加到我的index.html


那么如何让滑块更改我的 geojson 的哪个属性被提供给getElevationgetFillColor

我的 JavaScript/JQuery 缺失,我无法找到任何关于如何根据输入更改数据属性的明确示例,非常感谢任何帮助。

这是一个代码框链接 - 但是似乎不喜欢它。 在本地使用npm install并且npm start应该让它按预期运行。

0 投票
1 回答
1618 浏览

reactjs - 在 Deck.GL 中渲染多边形的最简单方法是什么?

我试图从概念上理解 Deck.GL 如何渲染事物,所以我正在研究从 Lines 到 Polygons 再到 GeoJson 的示例层。线条工作正常,但有些东西阻止我渲染即使是最简单的多边形 DeckGL 在他们的例子中。

这是一些有效的示例行代码

当我用下面的这个多边形层替换 LineLayer 时 - 它完全没有显示任何东西

谁能给我看一个我可以使用的简单多边形图层?文档中的那个似乎不起作用,而 GeoJson 一个现在有点太复杂了

0 投票
0 回答
100 浏览

javascript - 管理 javascript 依赖项

我正在使用纱线。我有一个项目需要deck.gl 项目的最新发展(即尚未发布的东西)。我试过了:

1-要克隆存储库,构建它并在注册表中发布不同的模块,但我(合法地)不拥有@deck.gl 范围 - 所以似乎这条路线是不可能的。

2- 要克隆 repo,构建它,然后使用以下命令将各种模块目录添加到我的项目中:

但这似乎会导致该模块的依赖关系出现问题

使用尚未发布其组件的项目的最新模块的正确方法是什么?

纪尧姆

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 投票
0 回答
227 浏览

r - 如何在mapdeck的路径中添加箭头

我正在尝试从经纬度坐标的数据框中绘制路径。数据可以在这里找到。这是我用于绘制路径的代码:

这绘制了这样的数据:

在此处输入图像描述

有没有办法添加箭头来显示路径的方向?类似于传单中的折线装饰器的东西?期望的结果是这样的:

在此处输入图像描述

0 投票
4 回答
717 浏览

reactjs - 材质 UI:deck gl 覆盖网格

我正在使用 React 和 Material-UI。我想将代码分成两列。在其中之一中,我想使用deck.gl 渲染地图。显然,deck.gl 是全屏渲染的,它覆盖了整个屏幕。我什至尝试设置属性width={80}height={80}DeckGL 组件,但它仍然覆盖了页面的其余部分。

应用程序.js

地图.js

0 投票
1 回答
146 浏览

r - 根据地图中列的值绘制条形图

我正在使用地图甲板绘制近 100K 点,是否可以代替点,根据安装的列的值显示条形

我也熟悉传单,所以我也可以使用它,如果它可以做到的话。

0 投票
1 回答
420 浏览

vue.js - 使用 transitionInterruption 停止 deck.gl 的视图状态转换

我将vue与deck.gl结合使用,在视图状态转换期间它会一直播放直到转换完成,即使被中断也是如此。

初始化甲板:

创建一个新的视图转换:

我希望当用户打断它时过渡会停止。

0 投票
1 回答
285 浏览

javascript - 如何侦听在deck.gl 层上的单击事件中按下的修饰键?

我想听一下 deck.gl 中图标的 shift-clicks IconLayer。一个图标可以有一个选定的状态,并且通过点击我希望能够选择多个图标。我将deck.gl 与谷歌地图结合使用。

返回and的onClick事件,其中包含. 这具有属性,但始终与按下或不按下 shift 键无关。(Icon)Layerinfoeventevent.srcEvent.waMouseEventshiftKeyfalse

我希望该shiftKey属性能够反映按下或不按下 shift 键的状态。虽然这个wa属性看起来有点奇怪,而且event就我所见,整个实际上并没有记录。