问题标签 [react-map-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 投票
1 回答
1602 浏览

react-map-gl - 调用 fitBounds 后更新视口状态

我使用 react-map-gl 创建了一个地图。每当我在地图上缩放或平移时,视口都会随着onViewStateChange道具调用设置新状态的 _updateViewPort 函数而更新。我遇到的问题是,当我使用 mapbox 函数放大到某个地方时,fitBoundsonViewStateChange 似乎没有触发,因此视口状态永远不会改变。结果,下次我在地图上平移或缩放时,它会将我带回到调用该fitBounds方法之前的位置。有没有人遇到过这种情况并有解决方案?

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 投票
3 回答
4395 浏览

reactjs - react-map-gl 自定义标记不会停留在缩放的确切位置

我正在使用 Uber 的 react-map-gl 库加载 Mapbox 地图。我已经通过我的 API 提供的 JSON 成功加载了带有自定义标记的地图(如您从第一张图片中看到的那样)。

地图框

但是,如果您查看休斯顿附近的绿色标记,由于某种原因,它位于墨西哥湾的某个地方。但是,如果我放大该区域...

放大地图框

您可以看到,当我放大时,标记会重新调整到正确的位置。什么会导致这样的事情?

}

0 投票
1 回答
1046 浏览

react-map-gl - 我正在尝试使用 react-map-gl 地理定位示例,但 .geojson 数据不愿意加载

我正在尝试使用https://github.com/uber/react-map-gl/tree/4.1-release/examples/geojson上的 react-map-gl 地理定位示例,但 'data/us-income.geojson' 拒绝在“app.js”中加载(404)。

'd3-request' 模块似乎已被弃用,但我不能让它与 'd3-fetch' 一起工作,如建议的那样。如何在 react-map-gl 中加载 .geojson 数据?

0 投票
2 回答
3105 浏览

reactjs - 在我的 Reactjs 网络应用程序中集成谷歌地图后,如何获得“纬度”和“经度”?

我正在制作一个Reactjs应用程序,我想在应用程序中显示谷歌地图......我想实现以下

(1)我的应用程序将需要用户的权限来获取他的当前位置并获取“纬度”和“经度”并保存它们。

或者

(2)用户选择地图上的标记,我想得到那些纬度和经度点。

首先更重要。请帮帮我。请谢谢。

https://www.youtube.com/watch?v=4z4hxEHlsxc

我看过这个视频,这很有帮助,但他没有教 (1) 问题

0 投票
1 回答
750 浏览

react-map-gl - 如何将 Kepler.gl 用于大于 250 MB 的数据集

我正在使用 Kepler.gl 绘制数据。它工作得很好,给了我所需的情节。问题是:我有非常大的 csv 文件(440 MB),我在某处读到,在某些浏览器(如 safari kepler.gl)上支持高达 250MB 的数据集,但它不适用于 chrome。

如何导入这么大的 csv 文件?

0 投票
0 回答
241 浏览

react-map-gl - 如何在 react-map-gl 中的模板样式之上添加自定义源/图层?

使用 react-map-gl 我无法将我的自定义源/图层覆盖在预定义的样式模板之上。将样式道具传递给地图组件时,我可以添加模板或自定义源/图层,但不能同时添加两者。这是一个简单的例子:

当我注释掉另一个时,任何一个都可以单独工作。有没有办法用我自己的源/图层轻松扩展 mapbox 样式?以下是完整的组件:

0 投票
1 回答
369 浏览

deck.gl - 如何在 react-map-gl/deck.gl 视口上获得 H3 六边形?

我想根据视口上可见的 H3 六边形查询数据(以及每个视口更改的新数据)。无论如何用react-map-gl和deck.gl来实现这一点?

0 投票
1 回答
1169 浏览

reactjs - React Mapbox Layer:为标记显示不同的图像

我使用图层属性显示标记。

上面的代码工作正常。但是,我的要求是我想为 2 个标记显示 2 个不同的图像。现在我已经展示了 2 个样本坐标(特征)。是否可以为不同的功能显示不同的图像?我没有得到任何帮助。任何帮助将不胜感激。提前致谢。

0 投票
1 回答
449 浏览

reactjs - 地图没有显示

我正在使用 React-Map-GL 但它没有出现,我不知道为什么。

这是我要渲染的组件:

有谁知道为什么不显示?什么都没有出现。