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

javascript - 如何使用 Deck.gl 显示多个 PathLayer

我对 React Js 和 DeckGL 不太熟悉。我正在尝试在交互式地图上显示 PathLayer 类的几个对象。单个对象显示没有问题,但是当有多个时,它不起作用:

这是一个带有一组坐标的工作示例:

这部分不起作用:

在第二种情况下,数据表示一个 json 对象数组,例如:

我不知道如何遍历 DeckGL 渲染中的所有对象。文档说这很容易。

0 投票
1 回答
248 浏览

javascript - 如何在mapbox-gl表达式中设置唯一ID样式

我有一个关于 Mapbox-gl 矢量平铺样式配置有什么问题的问题。

我想为 ID 列唯一地表达 5 种颜色。

示例数据结构

此 ID 的值未知。我可以通过设置列名来赋予唯一的颜色吗?

上面我要说的结果是红色代表ID 0,黄色代表ID 1,蓝色代表ID 3。例如,我不知道ID列的值是整数还是字符串。我想自动赋予独特的颜色。

0 投票
1 回答
715 浏览

mapbox - 为什么 Geoserver 返回带有覆盖范围限制的 404 响应?

我刚刚安装了 geoserver,但我在让它工作时遇到了一些麻烦。我正在使用安装时提供的示例进行一些测试,特别是tiger:tiger_roads. 尽管我可以得到瓷砖,但当我在地图上移动时,它会404在 chrome 控制台上抛出错误,并且下一个响应:

Coverage [minx,miny,maxx,maxy] is [2411, 5111, 2414, 5116, 13], index [x,y,z] is [2410, 5113, 13]

我希望 geoserver 返回 204(没有数据也可以),因为在该范围内没有任何内容可以显示。

这是正常的行为吗?如果没有,我要设置什么来防止该错误?

这是一个完整的index.html,您可以在其中重现问题。只需打开它,然后沿着地图移动,或更改缩放。

0 投票
1 回答
395 浏览

reactjs - 使用 Deck.GL 作为 Webpack 外部

我目前正在开发两个不同的 React 应用程序,它们使用 Deck.GL 来渲染两个地图,每个地图都有不同类型的图层。当它们作为独立使用时,它们都可以完美地工作,但是,当两者安装在同一个父应用程序中时,我访问的第二个地图崩溃(由于两次左右加载库)。

鉴于此,我将 Deck.GL 添加到两个应用程序的 Webpack 外部,并添加了一个指向父应用程序的 unpkg 链接。但是,这给出了“无法解析‘h3’”错误,所以我也将 h3-js 放在了外部,但它一直在 Deck.GL javascript 上搜索它。我的下一步是从@deck.gl/core、@deck.gl/react、@deck.gl/layers 等导入,只加载需要的内容,但在搜索 ' 时出现类似错误@deck.gl/layers 中的亮度'。

那么,我如何正确地将 Deck.GL 定义为 Webpack 外部?

编辑:

将 deck.gl 添加到外部时出现的错误:

无法从https://unpkg.com/deck.gl@7.3.6/dist.min.js解析裸说明符“h3”

当我导航到使用不同图层的第二张地图时出现错误: 图片 似乎在使用 Angular 路由浏览页面时会启动此错误,如果我使用简单<a href>,它们可以完美工作,因为它会重新加载整个页面并且不会加载两个实例的图书馆。

0 投票
1 回答
179 浏览

deck.gl - 开普勒 GL 坐标与谷歌地图之间的差异

我正在尝试在https://kepler.gl/demo中创建一个带有点的地图图层,但我面临着我使用的坐标在 Google Maps 和 Kepler GL 中的呈现方式不同。

这是我在开普勒 gl 中加载的 geojson:

{“类型”:“特征”,“几何”:{“类型”:“点”,“坐标”:[42.2812989,-8.7366615]},“属性”:{“名称”:“foo”}}

这将一个点放在海中央......但是如果我将这些坐标放在谷歌地图中,​​则该点位于加利西亚(西班牙),这是“真实”位置。

也许有些东西我没有考虑到?

0 投票
1 回答
189 浏览

javascript - 没有 React 但有 webpack 的 Deck.gl 不会呈现指定的容器

JS文件看起来像这样

然后我将哈巴狗用于 HTML 引擎

可视化得到正确渲染,但不在体内,<div id='test'></div>但始终在体内。

有人知道在通过 webpack 导入 deck.gl 但不使用 React 时这是否可行?还是有其他问题?

0 投票
1 回答
437 浏览

reactjs - 如何在 React Map GL(Mapbox) 和 Deck.gl 中创建一个 50 平方公里的矩形或六边形网格,覆盖整个国家

我正在尝试在 React Map GL(地图框)和 Deck GL 中创建一个矩形或六边形的网格层,覆盖整个国家。

这就是我想要实现的目标:http ://webcoveragemap.rootmetrics.com/en-US

这些是我找到的解决方案:

  1. https://deck.gl/#/documentation/deckgl-api-reference/layers/s2-layer
  2. https://deck.gl/#/documentation/deckgl-api-reference/layers/h3-cluster-layer

我面临的问题是 s2-layer 使用 S2 Cell 令牌(我似乎无法理解如何计算,同样 h3-cluster-layer 使用 H3 并且我也找不到任何代码示例反应。所以任何人都可以向我解释如何使用 H3、S2 并计算可以在 React Map Gl 和 Deck GL 上查看的 50 平方公里的盒子(如果需要)。或者建议另一个解决方案?

0 投票
1 回答
656 浏览

javascript - 如何在 deck.gl 上添加 OnHover 道具?

所以我正在尝试使用mapbox 和deck.gl 可视化数据。我想要某种悬停效果,但 onHover 属性不在边界层上运行

geojson数据来源:https ://data.cityofnewyork.us/City-Government/Borough-Boundaries/tqmj-j8zm

0 投票
1 回答
347 浏览

deck.gl - 是否可以在deck.gl 中为移动图标设置动画?

我一直在使用旅行图层可视化旅行数据,并且我试图在每条旅行线的开头放置一个图标。是否可以让多个图标随时间改变位置、出现和消失?

我正在尝试做的示例(红色箭头表示随时间的运动)

0 投票
0 回答
119 浏览

javascript - 我如何在 Deck.gl 的单个图层上放置阴影模糊?

我将 Deck.gl 用于使用多个图层的 2d 可视化(不是地图): [SolidPolygonLayer, ScatterplotLayer, LineLayer] 我想仅对 LineLayer 应用阴影模糊效果。那可能吗?

到目前为止,我已经查看了该PostProcessEffect模块,但我认为它会影响所有可见层。