问题标签 [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 - 没有 react.js 的 deck.gl + tripslayer
如何在不做出反应的情况下启用 TripsLayer 的动画?TripsLayer 示例使用 React,我真的不知道如何将其转换为纯 js。请查看下面代码中的“动画”功能。我试图更新层的状态,但它不起作用(没有 TripsLayer 的动画)。我不知道,我应该在哪里分配“时间”变量。
TripsLayer 演示:https ://deck.gl/#/examples/custom-layers/trip-routes
反应版本我的代码:https ://github.com/uber/deck.gl/blob/master/examples/website/trips/app.js
TripsLayer 的文档:https ://github.com/uber/deck.gl/tree/master/modules/experimental-layers/src/trips-layer
我的代码:
d3.js - deck.gl 过渡和过滤
谁能解释与 d3js 相比,Deck.gl 的数据更新和转换如何工作?例如在这段代码中:
我不清楚在enter: value => [value[0], value[1], value[2], 1]
做什么。谁能解释一下?我通常希望(根据 d3js)这enter:
是在转换中设置断点,但我不清楚value
指的是什么?
javascript - 当我通过 d3.json 加载时,geojson 层不显示
当我通过 d3.json 加载 geojson 作为数据对象时,geojson 层不显示。但是,如果我将 geojson 作为 URL 引用,那么它会正确显示。
我正在使用deck.gl:6.3.2,mapbox-gl:v0.52.0。我正在使用香草 javascript。当我运行此代码时,它不显示。我检查了“geomdata”。没事。
但是,当我在 geojson 是 URL 的地方运行它时,它显示得很好。
任何提示/想法?谢谢
javascript - Deck.gl:监听点击底图
关于交互性的 Deck.gl文档非常清楚如何将点击侦听器添加到地图中的特定图层,但我不确定如何将点击侦听器添加到底图本身。
我追求的用例是单击 iconLayer 显示模式,然后单击底图(<DeckGL/>
基本组件,与 iconLayer 等子组件不同)隐藏模式。
我可以通过将点击侦听器绑定到 webgl 画布来将某些东西组合在一起,然后在点击时检查我的 iconLayer 是否收到了点击,但必须有更好的方法。有谁知道如何区分底图上的点击和使用deck.gl 的图层上的点击?任何建议都会非常有帮助!
mapbox-gl-js - 将 openmaptiles.org 底图样式与 Deck.gl 一起使用
我正在尝试将 openmaptiles.org(https://openmaptiles.org/docs/website/mapbox-gl-js/)中的非专有底图样式与 Deck.gl 一起使用。在我的示例中,我使用的是“暗物质”风格。
当我运行此代码时,我收到此错误“加载资源失败:服务器响应状态为 403 () [ https://maps.tilehosting.com/data/v3.json?key=SymbVzXrAD6Jmqe6yBOS] ”。我在这里做错了什么?
当我使用 mapbox 样式(已注释掉)运行此代码时,它工作正常。
谢谢基兰
mapbox - HexagonLayer - 获取聚合数据或其值范围
我正在构建 mapbox & deck.gl 应用程序,我想在运行时根据值范围过滤一些条形图
我只想显示条形,它的聚合值在某个范围内[min,max]
所以,我的简化问题是
在地图上绘制六边形后,如何获取 deck.gl hexagonLayer 聚合条形数据?
所以,然后我可以正确计算upperPercentile
和lowerPercentile
,它们负责图形过滤......
javascript - 警告:React 无法识别 DOM 元素上的 `viewState` 属性
我操纵组件的状态并使用状态中的对象(输入参数)来显示一些信息。
但是收到以下警告,我检查了我没有在 DOM 元素上操作状态,或者有一些名为的属性viewState
?警告是什么意思?
警告:React 无法识别
viewState
DOM 元素上的 prop。如果您有意希望它作为自定义属性出现在 DOM 中,请将其拼写为小写字母viewstate
。如果您不小心从父组件传递了它,请将其从 DOM 元素中移除。
我的组件的完整代码如下所示:
我使用了一些第三方包在地图中显示工具提示。
renderTooltip
props 是由我上面提到的 input 函数分配的,renderTooltip
我使用tooltip
state 来控制是否应该在我的页面中显示 tooltip。
PS:根据deck.gl的文件,onHover
会在以下位置触发:
onHover(功能,可选)
当鼠标进入/离开此deck.gl层的对象时,将调用此回调,参数如下:
信息
event - 源事件
根据错误跟踪路径,它会在我的<span>
元素中抛出错误,这就是为什么我认为它renderTooltip
最初是 's 的问题。
reactjs - 反应:将geojson数据添加到deck.gl & react-map-gl
我试图在这里绘制一个非常简单的数据https://raw.githubusercontent.com/pennytalalak/road-crash-data/master/src/data/output.geojson
但它不会在地图上显示数据。不确定它是我的geojson文件还是我的控制台所说的代码
这是我的代码:
mapbox-gl-js - 在deck.gl 中使用mapboxgl.Popup
我正在尝试使用内置的 mapboxgl.Popup 对象来显示一个 deck.gl IconLayer 标记。弹出窗口显示,但调用 popup.remove() 时不会删除弹出窗口。我也无法将光标更改为指针。控制台中也没有显示错误。背景中似乎有什么东西被静音了。