问题标签 [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.
javascript - 如何在网站上查看 npm 包?
我一直在尝试让 Uber 制作的特定 Node.js 包工作。我是 Node js 的新手,但这些是我获取代码所遵循的步骤:
- 克隆了他们的仓库
- 运行 npm 安装
- 运行 npm start
不过,我不明白如何查看这个网站。它似乎在启动包方面有效,但现在我去哪里查看这个网站?一般应该有一个html文件吧?我没有看到一个。
javascript - 如何运行 Deck.gl 入门示例
我是 react、js 和deck.gl 方面的新手,我想从deck.gl 运行基本的入门示例:
我把这段代码放在哪里,我使用哪个扩展,我是否需要其他文件app.js
来运行它:
对于这个模糊的问题,我真的很抱歉,但我真的很想采取必要的步骤来让这个例子在 Mac 上运行。我需要安装一个反应应用程序吗?这是如何运作的?
javascript - 如何使用 Deck.gl 显示多个图层
我正在尝试使用 Deck.gl 制作一个交互式图表,该图表结合了 HexagonLayer(用于人口数据)和 IconLayer(用于零售连锁店的位置)。
deck.gl文档表明可以在彼此之上渲染多个图层:
deck.gl 允许您使用相同或不同的数据集渲染多个图层。您只需提供一组图层实例,deck.gl 将按顺序呈现它们(并在悬停单击时处理交互性等)。
甚至还有一个如何初始化图层对象的示例:
但是我不知道如何加载单独的数据源并初始化两个层,所有示例都编写为单层演示。
有人知道实际上结合了多个层的任何示例吗?
javascript - Meteor 应用程序没有找到“xhr-sync-worker.js”?
我正在尝试在流星应用程序中运行一个 deck.gl 示例。但我正面临这个错误。
但是,上述 js 模块存在于流星应用程序node_modules
文件夹中。
我怎样才能让我的应用程序看到它?请注意,我没有直接在我的代码中导入它,从上面的堆栈跟踪中可以看出。也许这是一个流星虫。
deck.gl - 如何在 DeckGL 中切换 mapboxgl 语言
我目前正在玩deck.gl。
以英国事故为例(3d-heatmap)。如何更改用于在 mapboxGL 中显示 POI 的语言?
我应该把mapboxGL等价物放在哪里:
deck.gl - 如何为图层deckgl添加一些文本?
我是deckgl的新手。我想向我的图层(任何类型的图层)添加一些文本,但我不能
这是我的例子:
我应该在数据数组中添加什么来将我的文本添加到这一层?
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
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:未定义悬停项”
mapbox - 如何渲染deck.gl 弧线越过太平洋
我正在尝试绘制从中国到美国的弧线,但这些弧线不会跨越太平洋。他们飞越大西洋和欧洲。
有没有办法让弧线在太平洋上空绘制?
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 覆盖数据状态,这将更新图层。