问题标签 [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 投票
2 回答
1995 浏览

javascript - 如何在网站上查看 npm 包?

我一直在尝试让 Uber 制作的特定 Node.js 包工作。我是 Node js 的新手,但这些是我获取代码所遵循的步骤:

  1. 克隆了他们的仓库
  2. 运行 npm 安装
  3. 运行 npm start

不过,我不明白如何查看这个网站。它似乎在启动包方面有效,但现在我去哪里查看这个网站?一般应该有一个html文件吧?我没有看到一个。

0 投票
2 回答
3942 浏览

javascript - 如何运行 Deck.gl 入门示例

我是 react、js 和deck.gl 方面的新手,我想从deck.gl 运行基本的入门示例

我把这段代码放在哪里,我使用哪个扩展,我是否需要其他文件app.js来运行它:

对于这个模糊的问题,我真的很抱歉,但我真的很想采取必要的步骤来让这个例子在 Mac 上运行。我需要安装一个反应应用程序吗?这是如何运作的?

0 投票
1 回答
2594 浏览

javascript - 如何使用 Deck.gl 显示多个图层

我正在尝试使用 Deck.gl 制作一个交互式图表,该图表结合了 HexagonLayer(用于人口数据)和 IconLayer(用于零售连锁店的位置)。

deck.gl文档表明可以在彼此之上渲染多个图层:

deck.gl 允许您使用相同或不同的数据集渲染多个图层。您只需提供一组图层实例,deck.gl 将按顺序呈现它们(并在悬停单击时处理交互性等)。

甚至还有一个如何初始化图层对象的示例:

但是我不知道如何加载单独的数据源并初始化两个层,所有示例都编写为单层演示。

有人知道实际上结合了多个层的任何示例吗?

0 投票
4 回答
628 浏览

javascript - Meteor 应用程序没有找到“xhr-sync-worker.js”?

我正在尝试在流星应用程序中运行一个 deck.gl 示例。但我正面临这个错误。

但是,上述 js 模块存在于流星应用程序node_modules文件夹中。

我怎样才能让我的应用程序看到它?请注意,我没有直接在我的代码中导入它,从上面的堆栈跟踪中可以看出。也许这是一个流星虫。

0 投票
1 回答
757 浏览

deck.gl - 如何在 DeckGL 中切换 mapboxgl 语言

我目前正在玩deck.gl。

以英国事故为例(3d-heatmap)。如何更改用于在 mapboxGL 中显示 POI 的语言?

我应该把mapboxGL等价物放在哪里:

0 投票
1 回答
776 浏览

deck.gl - 如何为图层deckgl添加一些文本?

我是deckgl的新手。我想向我的图层(任何类型的图层)添加一些文本,但我不能

这是我的例子:

我应该在数据数组中添加什么来将我的文本添加到这一层?

0 投票
2 回答
6919 浏览

reactjs - Deck.gl 如何在点击时显示弹出窗口

设置:

基本的反应应用程序使用 react-map-gl 来显示一个带有 deck.gl ScatterplotLayer 的地图以可视化数据

目标:

1) 将地图上的点显示为给定半径和颜色的圆。
2)当用户点击一个圆圈时,工具提示/弹出窗口应该显示更多关于它的数据(包含在提供的数据中),直到用户点击离开(基本上与此图相同,但点击而不是悬停,http:/ /uber.github.io/deck.gl/#/documentation/layer-catalog/scatterplot-layer。仅供参考,我查看了代码,悬停逻辑已被删除,我假设为简单起见)。

问题:

我已经完成了第 1 点,但我无法让第 2 点开始工作。我所能证明的最远的数据是登录到控制台。

要注意:

我没有嫁给 react-tooltip - 如果有更好的方法,我不介意完全删除它。我只需要保留mapbox和deck.gl。

资料:https ://gist.github.com/NikkiChristofi/bf79ca37028b29b50cffb215360db999

甲板gl-overlay.js

应用程序.js

0 投票
1 回答
3534 浏览

reactjs - 悬停在deck.gl

我在deck.gl 中遇到了僵局,希望你们能帮助我。我无法理解您如何在deck.gl官方网页中显示的hexagonLayer示例中显示条形的属性:https ://uber.github.io/deck.gl/#/examples/core -层/六边形层。GitHub 中提供的示例没有此功能,而且浏览器层对我来说太复杂了。我尝试合并嵌入在 layer-browser 示例中的 layer-info 组件,但我不明白什么是 (info),并且我不断收到此错误:

“模块解析失败:您可能需要适当的加载程序来处理此文件类型。

非常感谢您的宝贵时间!我是新手反应!如果这是微不足道的,我很抱歉。

应用程序.js

层信息.js

甲板gl-overlay.js

更新:我现在收到另一个错误“未捕获的 ReferenceError:未定义悬停项”

0 投票
0 回答
274 浏览

mapbox - 如何渲染deck.gl 弧线越过太平洋

我正在尝试绘制从中国到美国的弧线,但这些弧线不会跨越太平洋。他们飞越大西洋和欧洲。

有没有办法让弧线在太平洋上空绘制?

Deck.gl 弧层不越过太平洋

0 投票
0 回答
670 浏览

mapbox - 如何将矢量源(mbtile)从 mapbox gl js 或 react-map-gl 传递到 deck.gl?

据我了解deck.gl 文档deck.gl 层的数据必须包括:

数组或可迭代,可选默认值:[]

https://uber.github.io/deck.gl/#/documentation/layer-catalog/layer?section=static-members

但我想从矢量源(如 mbtiles 地理服务器)获取数据并将其传递给甲板 gl 数据。我找不到任何解决此问题的方法。有任何想法吗?

到目前为止我所做的是:成功托管 mbtile 地理服务器并渲染到 react-map-gl。但是我无法将那个mbtile数据连接到deck gl数据中。

我有一个想法,但似乎应该已经完成​​类似的事情。只需使用当前视口查询地理服务器,并以简单的 json 格式而不是 mbtile 方式请求可迭代数据。通过这种方式,我可以更新甲板 gl 覆盖数据状态,这将更新图层。