使用本地文件夹创建一个平铺图层，并在react和openlayers中平铺光栅图像

Question

我正在创建一个React应用，允许用户使用具有空间json文件和栅格图像的模型，并在openlayers地图上查看数据。我在如何在地图上显示栅格图像时遇到了一些问题。

到目前为止，我已经尝试了所有事情，包括将栅格变成图像，平铺栅格，但无济于事。唯一可以显示任何平铺图层的时间是当我使用发现的在线托管的公共平铺图层时。但是，对我来说，在线托管不是一个选择，因此我尝试在本地提供tile文件夹，这是我遇到一些问题的地方。 （注意：我尝试在公共文件夹和src中托管，但无论如何该文件夹似乎都不可用）

这是我试图用来创建图层的代码，并且已将该图层正确添加到地图中，但是我认为问题出在实际的TileLayer创作本身。

    var extent = [10, 20, 15, 25] //these are replaced for location privacy sake
    var mapExtent = new Projection({
      code: 'EPSG:3857',
      extent: extent
    });
    var layer = new TileLayer({
      title: title,
      extent: mapExtent,
      source: new XYZ({
        url: '../../Tiles2/{z}/{x}/{y}.png',
        tilePixelRatio: 1.000000,
        minZoom: 5,
        maxZoom: 7
      })
    });

谢谢！