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

mapbox-gl-js - 如何防止deck gl层占据整个视口?

我有一个 DeckGL 组件,我将它放在一个 div 标记中并赋予它大小,但 deckGL 层似乎占据了整个视口。这是我的代码片段。

如何在给定大小的特定 div 中渲染甲板 gl 组件。

0 投票
1 回答
99 浏览

javascript - deck.gl TripLayer 绘制单条路径

我想使用 Deck.gl 来绘制旅行。

我要使用的数据是本地的。我用示例数据测试了运行本地数据,一切正常。但是,当我切换到自己的坐标时,我什么也没得到。

这个事情谁有经验?

要求在数据中。

本地 JSON 文件

0 投票
0 回答
296 浏览

javascript - Mapbox GL JS 线条动画

我正在使用跨越北美的约 150,000 条折线。在所有行中,我想从每行的开头到结尾绘制/动画。我开始了向数组添加顶点和更新 Mapbox 源的过程,就像这个例子一样。考虑到整个数据集的大小,这是不可行的。在 geojson 形式中,它大约是 800mb,在浏览器中操作它似乎是不合理的。

作为一种替代方法,我将每条折线分成长度相同的 10 公里段。我在每个段上添加了一个属性,表示它距起点的百分比距离。我在下面创建了一个触发 setFilter 事件的间隔,根据从开始的百分比过滤段。

即使在处理一小部分数据时,性能也会波动和滞后。我希望 Mapbox GL 能得到更好的结果,但也许我需要重新考虑我的数据结构或方法。或者在这里使用像DECK.GL这样的东西会更好吗?

0 投票
1 回答
527 浏览

deck.gl - 如何过滤deck.gl TripsLayer上的数据

这是我的 TripsLayer,我想过滤一些数据。我想我可以做到这一点trips.setProps({ data: newData}),但有没有其他方法可以做到这一点?像将不透明度设置为0?谢谢

0 投票
3 回答
801 浏览

javascript - 如何在deck.gl的iconlayer中使用svg

我的测试代码

我有一个错误。

如何在deck.gl的iconlayer中使用svg?

0 投票
1 回答
357 浏览

javascript - 如何从 Deck.gl 中的 XY 鼠标值中提取 lat long 值?

Deck.gl 是否有任何内置函数来计算鼠标光标指向的 lat long 值?

我正在尝试建立将选定区域置于中心的交互setState()

我有一个常量initialViewState包含分配给的 long 和 lat 值viewState

然后从onClick,我传递包含鼠标光标xy值的道具。

我想通过更新 lat long 值,viewStateviewUpdate()我不确定如何将 x,y 转换为地图上相应的 lat long 值。

0 投票
1 回答
1646 浏览

javascript - 如何在 Deck.gl 中动态切换多个图层?

在此处输入图像描述 我正在构建一个基本的可视化系统,可以从控制框切换图层。我layers将各个图层合并为一个。

const [layers, setLayers] = useState([densityLayer, pedestrianLayer]);

我有filterState跟踪控制框中的活动。它包含图层对象作为linkTo

并且每次检查的属性filterState被更新时,它都会启动renderLayers() ,它将选择checked属性为true.

然后作为图层道具layers传递给组件。DeckGL

在我的程序中,关闭图层可以正常工作,但它们不会重新打开。在控制台中,我注意到层之间的生命周期是不同的。我的方法有什么不正确的地方吗?

0 投票
1 回答
719 浏览

mapbox-gl-js - 从deckl地图导出png

我正在使用react-map-gldeck.gl将图层加载到 mapbox 中。

我正在尝试导出带有图层的地图的 png 图像,但是下载图像时不显示图层。

这些层是:一个 GeojsonLayer 和一个 HexagonalLayer。

如何在我的 png 中显示图层?

// 这是我下载图片的方法。

0 投票
0 回答
694 浏览

javascript - 在 Superset 中为 deckgl 启用 javascript 的位置

我想在deck.gl scatter 中启用javascript 工具提示生成器。

在此处输入图像描述

我在 superset_config.py 中添加了以下行并运行 superset 但它仍然被禁用。请告知我需要修改的其他位置。

ENABLE_JAVASCRIPT_CONTROLS = True 非常感谢。

0 投票
2 回答
1286 浏览

leaflet - 将 deck.gl 与 react-leaflet 一起使用

是否可以使用react-leaflet作为deck.gl覆盖的底图?我正在试验地震示例,当我尝试使用leaflet-react 而不是'react-map-gl'中的{StaticMap}时,它似乎不起作用。有任何想法吗?

但如果我使用import {MAP} from 'react-map-gl';它很酷。任何想法?有任何想法吗?