0

我试图将我的反应图 gl 从 3.x 更新到 5.x,它非常有问题。

与显示地图故障的 gif 相关的 github 问题: https ://github.com/uber/react-map-gl/issues/836

地图的交互区域占据了相同数量的视口,但只显示了背景层的一部分。

我找不到任何更改日志/发行说明,并且控制台中没有错误,所以有点难以弄清楚是否是一些库 API 更改是奇怪的根源。这可能是我用来渲染背景层的 react-map-gl 库和 raster-tile-style 库之间的新不兼容。

当我深入研究这个时,基本上是在寻找群众的任何调试技巧......

更新:为常规 mapbox 令牌 API 切换了我们的自定义 MapStyle。如您所见,地图 div(带有属性)的位置正确,但实际上仍然只显示地图内容的左上角......

即使使用 mapbox 令牌样式也会显示故障

更新 2:最新的情节扭曲:故障没有出现在 Firefox 中,(最初出现在 chrome 中)当然,mapbox 层工作正常,但是当我在开发环境中使用我们的 mapStyle 时,它​​会阻止地图图块请求,因为CORS

4

1 回答 1

0

Ooook,看起来我只需要强制视口的宽度和高度为“100%”

受到这个(实际上不相关的)问题的启发来尝试上述方法,只是因为它被提及为 v4.x 中的 API 更改

react-map-gl 问题 #675

于 2019-07-31T21:46:19.463 回答