我根据中给出的指令成功安装了tile服务器 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
的图片已被跨源资源共享策略阻止加载:No' Access-Control-Allow-Origin'标头出现在请求的资源上。因此,不允许原始http://192.168.224.132
(本地的机器IP地址)访问。
这适用于所有浏览器。
答案 0 :(得分:1)
我找到了解决方案 - https://gis.stackexchange.com/questions/71715/enabling-cors-in-openlayers。对不起,我没有网络开发和gis的经验。这是我的第一项任务。