问题标签 [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 投票
3 回答
1626 浏览

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

我的代码:

0 投票
1 回答
1627 浏览

d3.js - deck.gl 过渡和过滤

谁能解释与 d3js 相比,Deck.gl 的数据更新和转换如何工作?例如在这段代码中:

我不清楚在enter: value => [value[0], value[1], value[2], 1]做什么。谁能解释一下?我通常希望(根据 d3js)这enter:是在转换中设置断点,但我不清楚value指的是什么?

0 投票
3 回答
4151 浏览

mapbox-gl-js - 如何在 HTML 页面中嵌入 kepler.gl 地图?

我已经下载了 kepler.gl 的源代码,https://github.com/uber/kepler.gl并使用存储在 geojson 中的数据集成功创建了本地地图:

在此处输入图像描述

现在我的问题是,如何将此地图嵌入到我网站上的 HTML 页面中?

我有带有数据的 JSON,我有源代码,但文档似乎没有告诉我如何将其嵌入网页。文档专注于使用此界面构建地图和导出数据,但据我所知,没有提供有关在网页中嵌入地图的信息:

0 投票
1 回答
225 浏览

javascript - 当我通过 d3.json 加载时,geojson 层不显示

当我通过 d3.json 加载 geojson 作为数据对象时,geojson 层不显示。但是,如果我将 geojson 作为 URL 引用,那么它会正确显示。

我正在使用deck.gl:6.3.2,mapbox-gl:v0.52.0。我正在使用香草 javascript。当我运行此代码时,它不显示。我检查了“geomdata”。没事。

但是,当我在 geojson 是 URL 的地方运行它时,它显示得很好。

任何提示/想法?谢谢

0 投票
2 回答
625 浏览

javascript - Deck.gl:监听点击底图

关于交互性的 Deck.gl文档非常清楚如何将点击侦听器添加到地图中的特定图层,但我不确定如何将点击侦听器添加到底图本身。

我追求的用例是单击 iconLayer 显示模式,然后单击底图(<DeckGL/>基本组件,与 iconLayer 等子组件不同)隐藏模式。

我可以通过将点击侦听器绑定到 webgl 画布来将某些东西组合在一起,然后在点击时检查我的 iconLayer 是否收到了点击,但必须有更好的方法。有谁知道如何区分底图上的点击和使用deck.gl 的图层上的点击?任何建议都会非常有帮助!

0 投票
1 回答
442 浏览

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 样式(已注释掉)运行此代码时,它工作正常。

谢谢基兰

0 投票
1 回答
710 浏览

mapbox - HexagonLayer - 获取聚合数据或其值范围

我正在构建 mapbox & deck.gl 应用程序,我想在运行时根据值范围过滤一些条形图

我只想显示条形,它的聚合值在某个范围内[min,max]

所以,我的简化问题是

在地图上绘制六边形后,如何获取 deck.gl hexagonLayer 聚合条形数据?

所以,然后我可以正确计算upperPercentilelowerPercentile,它们负责图形过滤......

0 投票
3 回答
1663 浏览

javascript - 警告:React 无法识别 DOM 元素上的 `viewState` 属性

我操纵组件的状态并使用状态中的对象(输入参数)来显示一些信息。

但是收到以下警告,我检查了我没有在 DOM 元素上操作状态,或者有一些名为的属性viewState?警告是什么意思?

警告:React 无法识别viewStateDOM 元素上的 prop。如果您有意希望它作为自定义属性出现在 DOM 中,请将其拼写为小写字母viewstate。如果您不小心从父组件传递了它,请将其从 DOM 元素中移除。

我的组件的完整代码如下所示:

我使用了一些第三方包在地图中显示工具提示。

renderTooltipprops 是由我上面提到的 input 函数分配的,renderTooltip我使用tooltipstate 来控制是否应该在我的页面中显示 tooltip。

PS:根据deck.gl的文件,onHover会在以下位置触发:

onHover(功能,可选)

当鼠标进入/离开此deck.gl层的对象时,将调用此回调,参数如下:

  • 信息

  • event - 源事件

根据错误跟踪路径,它会在我的<span>元素中抛出错误,这就是为什么我认为它renderTooltip最初是 's 的问题。

0 投票
0 回答
800 浏览

reactjs - 反应:将geojson数据添加到deck.gl & react-map-gl

我试图在这里绘制一个非常简单的数据https://raw.githubusercontent.com/pennytalalak/road-crash-data/master/src/data/output.geojson

但它不会在地图上显示数据。不确定它是我的geojson文件还是我的控制台所说的代码在此处输入图像描述

这是我的代码:

0 投票
0 回答
430 浏览

mapbox-gl-js - 在deck.gl 中使用mapboxgl.Popup

我正在尝试使用内置的 mapboxgl.Popup 对象来显示一个 deck.gl IconLayer 标记。弹出窗口显示,但调用 popup.remove() 时不会删除弹出窗口。我也无法将光标更改为指针。控制台中也没有显示错误。背景中似乎有什么东西被静音了。