Tiles 在我自己的 web-server OSM 中加载不正确

Tiles load incorrectly in my own web-server OSM

我按照教程中给出的说明成功安装了tile server switch2osm.org/serving-tiles/manually-building-a-tile-server-14-04/.我还设置了 apache web-server 并从 github.com/openstreetmap/mod_tile/blob/master/slippymap.html 中获取了 slippymap.html。但是当我在浏览器中打开 slippymap 时,我得到了错误图块,但几乎所有的图块都有请求状态 200(正确加载)。每个图块的大小为 0 kb。但是,如果我在新标签页中打开图块,它会正确显示。

存在使用本地存储切片的图层:

var newLayer = new OpenLayers.Layer.OSM("Local Tiles", "http://127.0.0.1/osm_tiles/${z}/${x}/${y}.png", {numZoomLevels: 19});
map.addLayer(newLayer);

我在控制台中有这个: 来自来源 http://127.0.0.1 的图像已被 Cross-Origin 资源共享策略阻止加载:请求的资源上不存在 'Access-Control-Allow-Origin' header。因此不允许访问源 http://192.168.224.132(本地机器 IP-address)。

这适用于所有浏览器。

我找到了解决方案 - https://gis.stackexchange.com/questions/71715/enabling-cors-in-openlayers。抱歉,我没有 web 开发和 gis 方面的经验。这是我的第一个任务。