【问题标题】:Map component only partially displaying layer: React Map GL 3.X to 5.X upgrade地图组件仅部分显示图层:React Map GL 3.X 到 5.X 升级
【发布时间】:2019-12-09 07:58:07
【问题描述】:

我试图将我的反应图 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(带有属性)的位置正确,但实际上仍然只显示地图内容的左上角...

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

【问题讨论】:

    标签: react-map-gl


    【解决方案1】:

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

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

    react-map-gl issue #675

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2022-01-22
      • 2010-09-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-12-24
      相关资源
      最近更新 更多