问题标签 [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.
mapbox - 我通过将组件添加到我的反应应用程序来尝试 Uber 的 deck.gl。但什么也没有出现。任何帮助,将不胜感激
我通过将组件添加到我的反应应用程序来尝试 Uber 的 deck.gl。但什么也没有出现。
我相信它可能与mapbox有关。它出现过一次,但仅此而已。我设置了宽度、高度等。但没有任何效果。这是他们网站上的基本示例。
这是我的代码。甲板gl.component.js
和 index.js
这绝对是基本的。但什么也没有出现。我创建了一个新的 mapbox 令牌只是为了确定,但仍然一无所获。
javascript - 使用deck.gl根据滑块输入更改图层属性
我正在关注deck.gl github存储库中提供的示例,该示例显示来自geojson的多边形。
从那以后,我改变了地图的初始焦点并提供了我自己的 geojson 来可视化,我用这些示例替换的数据有一个时间组件,我想通过操作范围输入来可视化它。
示例 GeoJSON 结构
我没有为每个时间点重复每个几何图形,而是将数据的时间方面转移到属性上。这使得文件大小可以在完整数据集上进行管理(~50mb 与 ~500mb)。
为了可视化单个时间点,我知道我可以将属性提供给getElevation
和getFillColor
。
所以我继续使用range.slider,将代码添加到 my app.js
,添加了以下代码段。我相信我也可能把它放在错误的位置,它应该存在于render()
吗?
添加到我的index.html
那么如何让滑块更改我的 geojson 的哪个属性被提供给getElevation
和getFillColor
?
我的 JavaScript/JQuery 缺失,我无法找到任何关于如何根据输入更改数据属性的明确示例,非常感谢任何帮助。
这是一个代码框链接 - 但是似乎不喜欢它。
在本地使用npm install
并且npm start
应该让它按预期运行。
reactjs - 在 Deck.GL 中渲染多边形的最简单方法是什么?
我试图从概念上理解 Deck.GL 如何渲染事物,所以我正在研究从 Lines 到 Polygons 再到 GeoJson 的示例层。线条工作正常,但有些东西阻止我渲染即使是最简单的多边形 DeckGL 在他们的例子中。
这是一些有效的示例行代码
当我用下面的这个多边形层替换 LineLayer 时 - 它完全没有显示任何东西
谁能给我看一个我可以使用的简单多边形图层?文档中的那个似乎不起作用,而 GeoJson 一个现在有点太复杂了
javascript - 管理 javascript 依赖项
我正在使用纱线。我有一个项目需要deck.gl 项目的最新发展(即尚未发布的东西)。我试过了:
1-要克隆存储库,构建它并在注册表中发布不同的模块,但我(合法地)不拥有@deck.gl 范围 - 所以似乎这条路线是不可能的。
2- 要克隆 repo,构建它,然后使用以下命令将各种模块目录添加到我的项目中:
但这似乎会导致该模块的依赖关系出现问题
使用尚未发布其组件的项目的最新模块的正确方法是什么?
纪尧姆
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 中找出相应的操作。
r - 如何在mapdeck的路径中添加箭头
我正在尝试从经纬度坐标的数据框中绘制路径。数据可以在这里找到。这是我用于绘制路径的代码:
这绘制了这样的数据:
有没有办法添加箭头来显示路径的方向?类似于传单中的折线装饰器的东西?期望的结果是这样的:
reactjs - 材质 UI:deck gl 覆盖网格
我正在使用 React 和 Material-UI。我想将代码分成两列。在其中之一中,我想使用deck.gl 渲染地图。显然,deck.gl 是全屏渲染的,它覆盖了整个屏幕。我什至尝试设置属性width={80}
和height={80}
DeckGL 组件,但它仍然覆盖了页面的其余部分。
应用程序.js
地图.js
r - 根据地图中列的值绘制条形图
我正在使用地图甲板绘制近 100K 点,是否可以代替点,根据安装的列的值显示条形
我也熟悉传单,所以我也可以使用它,如果它可以做到的话。
vue.js - 使用 transitionInterruption 停止 deck.gl 的视图状态转换
我将vue与deck.gl结合使用,在视图状态转换期间它会一直播放直到转换完成,即使被中断也是如此。
初始化甲板:
创建一个新的视图转换:
我希望当用户打断它时过渡会停止。
javascript - 如何侦听在deck.gl 层上的单击事件中按下的修饰键?
我想听一下 deck.gl 中图标的 shift-clicks IconLayer
。一个图标可以有一个选定的状态,并且通过点击我希望能够选择多个图标。我将deck.gl 与谷歌地图结合使用。
返回and的onClick
事件,其中包含. 这具有属性,但始终与按下或不按下 shift 键无关。(Icon)Layer
info
event
event.srcEvent.wa
MouseEvent
shiftKey
false
我希望该shiftKey
属性能够反映按下或不按下 shift 键的状态。虽然这个wa
属性看起来有点奇怪,而且event
就我所见,整个实际上并没有记录。