Openstreetmap用于开发

Question

从原点'https://c.tile.openstreetmap.org/1/1/0.png‘到图像的访问'http://localhost:3000’已被CORS策略阻止:请求的资源上没有“访问控制-允许-原产地”标题。

我正在制作一张地图，在最初的几天里，我在查看OpenStreetMap时没有遇到任何问题。然而，几天后，我开始得到上面指出的错误。

Answer 1

使用平铺服务器，这个问题很容易解决。我使用“ol”高级npm包将openstreetmap集成到我的react应用程序中。

下面的方法使我们可以轻松地更改平铺服务器。

  const tileLayer = new TileLayer({
        preload: 4,
        source: new OSM({url: 'https://a.tile.openstreetmap.de/{z}/{x}/{y}.png'}),
    });