问题标签 [react-map-gl]

我正在开发一个使用交互式地图可视化功能的 React webapp。我们正在使用 deck.gl 库和 react-map-gl。React Map GL 被 Deck GL 定义为“一个围绕 Mapbox GL 的 React 包装器，可与 deck.gl 无缝协作”

在阅读了这个定义之后，我感到困惑并质疑一切在架构上究竟是如何联系在一起的。我认为 Deck GL 和 Mapbox GL 是两个独立的库。

有人可以向我解释一下这一切是如何结合在一起的吗？Mapbox、Mapbox GL、Deck GL、React Map GL 和任何其他相关的库/框架？

我无法source-layer动态更改<Layer source-layer={this.state.layer} />. 通过按下按钮，我将状态更改为layer: 'building'orlayer: 'road'但内部不会发生更改<Layer source-layer={this.state.layer} />

示例代码：https ://codesandbox.io/s/compassionate-brook-l1psj

我正在使用 Uber 的 reac-map-gl 并使用弹出功能。从网站上截取的代码如下所示：

我通过列出标记和弹出窗口来修改代码并返回它们。如果我将鼠标悬停在标记区域上，则弹出窗口仅显示，但这就是问题所在，如果我拿走地图并将其拖动以使标记位于视口的边缘。

我的 CSS 如下所示：

我是 reactjs 的新手，我收到此错误：“错误：重新渲染太多。React 限制渲染数量以防止无限循环。” 我不知道如何解决它。

请帮忙，谢谢:)

我正在尝试从这里实现 GeoJSON 示例：https ://uber.github.io/react-map-gl/#/Examples/geo但是当我尝试逐年更改年份滑块时，数据和数据层会留下来一样的，根本没有改变。

我复制了相同的代码并集成到我的“create-react-app”中，地图的呈现方式与示例中的相同，但数据保持静态并拒绝从控制面板更改。

有人可以告诉我我错过了什么吗？

我的代码是这样的：

updatePercentelies 函数是这样的：

我是 reactjs 和 deckGL 的新手，我对下面的代码有一点问题。我正在尝试使用 FlyToInterpolator 添加 DeckGL 以使标记居中。单击按钮后，我收到此错误，但是当我使用 react-map-gl + FlyToInterpolator 时，它可以工作。

更新：问题是，我在deckGL 中使用FlyToInterpolar API 时遇到问题，但在react-map-gl 中使用FlyToInterpolar 没有问题。

请帮忙！非常感谢 p/s：抱歉英语不是我的主要语言。

错误：

代码：

非常感谢 ：）

我对 React 和 JavaScript 很陌生，正在尝试使用 React-Map-gl 为我的 React Hooks 项目编写一个 queryRenderedFeatures 过滤器。

该项目有一个庞大的数据列表，我想做的只是过滤出现在地图视图中的数据。正如此示例在 Mapbox-gl-js 上显示的那样：https ://docs.mapbox.com/mapbox-gl-js/example/filter-features-within-map-view/?q=geojson%20source&size=n_10_n

来自 React-Map-gl 的文档：https ://uber.github.io/react-map-gl/docs/api-reference/static-map#getmap 它说您将能够使用 queryRenderedFeatures 作为一张静态地图，但我添加的方式似乎不对......而且网上的资源并不多：/

任何帮助，将不胜感激！:)

我从不是geoJson的数据库中获取数据，所以我使用array.map函数动态地根据我获取的数据创建一个，然后传递给组件。但似乎这个 geoJson 粘贴到 URL 作为 GET 参数......

如果我将 geoJson 保存为静态文件然后导入，它可以工作。

如何在 React-map-gl 中将 GET 方法更改为 POST 方法？

我Mapbox用来尝试从本地 JSON 文件呈现各种坐标。

但是，我收到错误消息TypeError: Object(...) is not a function。我查找了一些可能导致它的信息（例如，早期版本的react不会与钩子一起使用），但由于它非常模糊，我不知道如何正确诊断它。

我有一个使用 React 钩子的组件，我相信它是导致错误的原因。我无法判断我的某个软件包是否已过时，是否与函数的编写/设置/等方式有关，或者是否是其他原因。

这是一个显示完整组件代码的 JS Fiddle：https ://jsfiddle.net/bsp7q839/

包.json：

组件.js：

应用程序.js：

JSON 片段：

我是 deck.gl 的新手并且遇到了一些问题。每当我尝试使用 API 作为数据时，就像我尝试使用以下 api

但它不起作用，或者如果我将 api 的数据放在一个 json 文件中并将其放在我当前的工作目录中它不起作用，例如：

甚至 .csv 文件也不起作用，但是当我以数组形式使用数据时，就像遵循它一样。我不知道为什么如果有人知道请帮助我。

我说的是 _renderLayers() 中的数据