问题标签 [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 - 如何使用 Deck.gl 显示多个 PathLayer
我对 React Js 和 DeckGL 不太熟悉。我正在尝试在交互式地图上显示 PathLayer 类的几个对象。单个对象显示没有问题,但是当有多个时,它不起作用:
这是一个带有一组坐标的工作示例:
这部分不起作用:
在第二种情况下,数据表示一个 json 对象数组,例如:
我不知道如何遍历 DeckGL 渲染中的所有对象。文档说这很容易。
javascript - 如何在mapbox-gl表达式中设置唯一ID样式
我有一个关于 Mapbox-gl 矢量平铺样式配置有什么问题的问题。
我想为 ID 列唯一地表达 5 种颜色。
示例数据结构
此 ID 的值未知。我可以通过设置列名来赋予唯一的颜色吗?
上面我要说的结果是红色代表ID 0,黄色代表ID 1,蓝色代表ID 3。例如,我不知道ID列的值是整数还是字符串。我想自动赋予独特的颜色。
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
,您可以在其中重现问题。只需打开它,然后沿着地图移动,或更改缩放。
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 添加到外部时出现的错误:
当我导航到使用不同图层的第二张地图时出现错误:
似乎在使用 Angular 路由浏览页面时会启动此错误,如果我使用简单
<a href>
,它们可以完美工作,因为它会重新加载整个页面并且不会加载两个实例的图书馆。
deck.gl - 开普勒 GL 坐标与谷歌地图之间的差异
我正在尝试在https://kepler.gl/demo中创建一个带有点的地图图层,但我面临着我使用的坐标在 Google Maps 和 Kepler GL 中的呈现方式不同。
这是我在开普勒 gl 中加载的 geojson:
{“类型”:“特征”,“几何”:{“类型”:“点”,“坐标”:[42.2812989,-8.7366615]},“属性”:{“名称”:“foo”}}
这将一个点放在海中央......但是如果我将这些坐标放在谷歌地图中,则该点位于加利西亚(西班牙),这是“真实”位置。
也许有些东西我没有考虑到?
javascript - 没有 React 但有 webpack 的 Deck.gl 不会呈现指定的容器
JS
文件看起来像这样
然后我将哈巴狗用于 HTML 引擎
可视化得到正确渲染,但不在体内,<div id='test'></div>
但始终在体内。
有人知道在通过 webpack 导入 deck.gl 但不使用 React 时这是否可行?还是有其他问题?
reactjs - 如何在 React Map GL(Mapbox) 和 Deck.gl 中创建一个 50 平方公里的矩形或六边形网格,覆盖整个国家
我正在尝试在 React Map GL(地图框)和 Deck GL 中创建一个矩形或六边形的网格层,覆盖整个国家。
这就是我想要实现的目标:http ://webcoveragemap.rootmetrics.com/en-US
这些是我找到的解决方案:
- https://deck.gl/#/documentation/deckgl-api-reference/layers/s2-layer
- 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 平方公里的盒子(如果需要)。或者建议另一个解决方案?
javascript - 如何在 deck.gl 上添加 OnHover 道具?
所以我正在尝试使用mapbox 和deck.gl 可视化数据。我想要某种悬停效果,但 onHover 属性不在边界层上运行
geojson数据来源:https ://data.cityofnewyork.us/City-Government/Borough-Boundaries/tqmj-j8zm
deck.gl - 是否可以在deck.gl 中为移动图标设置动画?
我一直在使用旅行图层可视化旅行数据,并且我试图在每条旅行线的开头放置一个图标。是否可以让多个图标随时间改变位置、出现和消失?
javascript - 我如何在 Deck.gl 的单个图层上放置阴影模糊?
我将 Deck.gl 用于使用多个图层的 2d 可视化(不是地图):
[SolidPolygonLayer, ScatterplotLayer, LineLayer]
我想仅对 LineLayer 应用阴影模糊效果。那可能吗?
到目前为止,我已经查看了该PostProcessEffect
模块,但我认为它会影响所有可见层。