问题标签 [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-gl-js - 如何防止deck gl层占据整个视口?
我有一个 DeckGL 组件,我将它放在一个 div 标记中并赋予它大小,但 deckGL 层似乎占据了整个视口。这是我的代码片段。
如何在给定大小的特定 div 中渲染甲板 gl 组件。
javascript - deck.gl TripLayer 绘制单条路径
我想使用 Deck.gl 来绘制旅行。
我要使用的数据是本地的。我用示例数据测试了运行本地数据,一切正常。但是,当我切换到自己的坐标时,我什么也没得到。
这个事情谁有经验?
要求在数据中。
本地 JSON 文件
javascript - Mapbox GL JS 线条动画
我正在使用跨越北美的约 150,000 条折线。在所有行中,我想从每行的开头到结尾绘制/动画。我开始了向数组添加顶点和更新 Mapbox 源的过程,就像这个例子一样。考虑到整个数据集的大小,这是不可行的。在 geojson 形式中,它大约是 800mb,在浏览器中操作它似乎是不合理的。
作为一种替代方法,我将每条折线分成长度相同的 10 公里段。我在每个段上添加了一个属性,表示它距起点的百分比距离。我在下面创建了一个触发 setFilter 事件的间隔,根据从开始的百分比过滤段。
即使在处理一小部分数据时,性能也会波动和滞后。我希望 Mapbox GL 能得到更好的结果,但也许我需要重新考虑我的数据结构或方法。或者在这里使用像DECK.GL这样的东西会更好吗?
deck.gl - 如何过滤deck.gl TripsLayer上的数据
这是我的 TripsLayer,我想过滤一些数据。我想我可以做到这一点trips.setProps({ data: newData})
,但有没有其他方法可以做到这一点?像将不透明度设置为0?谢谢
javascript - 如何在deck.gl的iconlayer中使用svg
我的测试代码
我有一个错误。
如何在deck.gl的iconlayer中使用svg?
javascript - 如何从 Deck.gl 中的 XY 鼠标值中提取 lat long 值?
Deck.gl 是否有任何内置函数来计算鼠标光标指向的 lat long 值?
我正在尝试建立将选定区域置于中心的交互setState()
我有一个常量initialViewState
包含分配给的 long 和 lat 值viewState
然后从onClick
,我传递包含鼠标光标x
和y
值的道具。
我想通过更新 lat long 值,viewState
但viewUpdate()
我不确定如何将 x,y 转换为地图上相应的 lat long 值。
javascript - 如何在 Deck.gl 中动态切换多个图层?
我正在构建一个基本的可视化系统,可以从控制框切换图层。我
layers
将各个图层合并为一个。
const [layers, setLayers] = useState([densityLayer, pedestrianLayer]);
我有filterState
跟踪控制框中的活动。它包含图层对象作为linkTo
并且每次检查的属性filterState
被更新时,它都会启动renderLayers()
,它将选择checked
属性为true
.
然后作为图层道具layers
传递给组件。DeckGL
在我的程序中,关闭图层可以正常工作,但它们不会重新打开。在控制台中,我注意到层之间的生命周期是不同的。我的方法有什么不正确的地方吗?
mapbox-gl-js - 从deckl地图导出png
我正在使用react-map-gl和deck.gl将图层加载到 mapbox 中。
我正在尝试导出带有图层的地图的 png 图像,但是下载图像时不显示图层。
这些层是:一个 GeojsonLayer 和一个 HexagonalLayer。
如何在我的 png 中显示图层?
// 这是我下载图片的方法。
leaflet - 将 deck.gl 与 react-leaflet 一起使用
是否可以使用react-leaflet作为deck.gl覆盖的底图?我正在试验地震示例,当我尝试使用leaflet-react 而不是'react-map-gl'中的{StaticMap}时,它似乎不起作用。有任何想法吗?
但如果我使用import {MAP} from 'react-map-gl';
它很酷。任何想法?有任何想法吗?