问题标签 [react-map-gl]

我正在使用react-map-gl将 Mapbox 集成到我的项目中。我的地图组件如下所示：

我收到“无令牌警告”并且我的地图没有显示。如果我用实际的字符串键换掉process.env.REACT_APP_MAPBOX_KEY它就可以了。为什么我不能在我的.env文件中使用变量并将其传递给 mapboxApiAccessToken？

在我的.env文件中，我的关键变量如下所示： REACT_APP_MAPBOX_KEY=此处的实际字符串

为什么这不起作用？

我正在使用react-map-glMapbox 进行地图，但似乎每次呈现组件时都会向 mapbox api 发出请求。我怎样才能防止这种情况？我的组件

我有一个关于添加 CSS 的问题，因为我找不到与此相关的任何其他问题。我正在尝试将地理编码器搜索移到地图下方，而不是它位于“右上角”的位置，并且无论我使用内联还是内部 CSS，我都无法更改它的位置：

有没有办法自定义 Geocoder 搜索栏？我是否必须编辑从“react-map-gl-geocoder”导入的 mapbox css？谢谢！

我只是想知道是否有人可以提供在 Deck.gl 中使用的地球仪的示例，它是实际的地球仪还是只是视图。因为我希望能够查看地球仪，所以我做了一个小的尝试来使用它，但这给我留下了一张静态地图作为背景，而全球视图则放在了顶部，这不是我想要的。

我试图为世界上每个国家/地区显示一个多边形，这个位置在国家/地区 URL 内，但这并没有让我得到我想要的多边形，而是将它用作字符串。尽管在示例中无法获取数据，但您可以访问该站点本身。https://codesandbox.io/s/deckgl-and-nebulagl-editablegeojsonlayer-no-react-forked-08hvs?file=/app.js

如何在不复制文件并自己存储的情况下从 URL 获取这些数据。

我只是想知道 react-map-gl 和 deck.gl 的绘图边界是什么，我试图绘制坐标，例如 [90,20] 并且它没有在地图上绘制。我只是使用图标层和静态图。

我的应用在 React 中运行。我已经安装了带有 react-map-gl-geocoder、react-map-gl 和 mapbox-gl 的地图。我正在创建一个带有 React map GL 的地图应用程序，使用 Geocoder 进行地址搜索。地图运作良好。现在我需要能够在我的子组件 Map 中读取用户在输入地址中键入的内容，以便我可以在我为它创建的空间中更新我的母组件 App 中的状态（this.state.answerOptionsInputs .问题1）。

在此处输入图像描述 我尝试在 MapGL 组件和 Geocoder 组件的 onChange 事件上传递一个函数，但它不起作用。

非常感谢提前！！

我想使用设置为用户位置的默认视口值来渲染地图。目前下面的代码用于正常渲染，当点击它移动到该位置时，地图中有“定位我”按钮。有什么办法让它默认点击？

我一直在尝试在 ReactJS 应用程序上制作类似动画的 uber，一旦用户开始骑行，出租车的位置就会根据后端每 5 秒发送的坐标更新。但是标记的位置永远不会更新，即使它只是在一个非常小的区域内移动，但不会沿着路径前进。

接受乘车后，我使用 Hasura 订阅出租车位置坐标。

安装组件后，我已经调用 requestAnimationFrame 并使用 refs 取消动画以进行清理。

这是渲染功能

我正在使用带有包装器 react-map-gl 的 mapbox。我正在尝试用我的纬度点数组绘制路线，我从以下位置找到了部分解决方案： https ://github.com/visgl/react-map-gl/issues/591#issuecomment-454307294

问题是显示的路线与最近的道路不匹配。

当前路线是绿线，我正在尝试将其更改为像橙色线