Javascript 在react和openlayers中使用具有平铺光栅图像的本地文件夹创建平铺层
我正在创建一个React应用程序,允许用户使用带有空间json文件和光栅图像的模型,并在openlayers地图上查看数据。我在如何在地图上显示光栅图像方面遇到了一些问题 到目前为止,我已经尝试了将光栅转换为图像、平铺光栅等各种方法,但都没有成功。我唯一能显示任何平铺层的时间是使用我发现的在线托管的公共平铺层时。然而,在线托管不是我的选择,所以我尝试在本地为tile文件夹提供服务,这就是我遇到一些问题的地方。(注意:我尝试在公用文件夹和src中托管,但无论发生什么情况,该文件夹似乎都不可用) 这是我试图用来创建图层的代码,这个图层被正确地添加到地图中,但我相信问题来自实际的TileLayer创建本身Javascript 在react和openlayers中使用具有平铺光栅图像的本地文件夹创建平铺层,javascript,reactjs,openlayers,raster,tile,Javascript,Reactjs,Openlayers,Raster,Tile,我正在创建一个React应用程序,允许用户使用带有空间json文件和光栅图像的模型,并在openlayers地图上查看数据。我在如何在地图上显示光栅图像方面遇到了一些问题 到目前为止,我已经尝试了将光栅转换为图像、平铺光栅等各种方法,但都没有成功。我唯一能显示任何平铺层的时间是使用我发现的在线托管的公共平铺层时。然而,在线托管不是我的选择,所以我尝试在本地为tile文件夹提供服务,这就是我遇到一些问题的地方。(注意:我尝试在公用文件夹和src中托管,但无论发生什么情况,该文件夹似乎都不可用) 这
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
})
});
提前谢谢 见