如何使用 OpenLayers 3 中本地存储的 X/Y/Z.png 图块

Question

在 OpenStreetMap Wiki 中有一个关于如何将本地图块与 OpenLayers 一起使用的很好的示例，但这是针对 OpenLayers 版本 2 的。我正在寻找 OpenLayers 3 的相同功能。是否有任何关于如何执行此操作的好示例？

提前致谢。

Answer 1

在 openlayers 3 中你可以这样做（你需要从浏览器访问本地文件）：

var newLayer = new ol.layer.Tile({
    source: new ol.source.OSM({
            url: 'maps/{z}/{x}/{y}.png'
    })
});

var map = new ol.Map({
    layers: [
    newLayer
    ],
  controls: [],
  target: 'map',
  view: new ol.View({
    center: ol.proj.transform([4.666389, 50.009167], 'EPSG:4326', 'EPSG:3857'),
    zoom: 4,
    minZoom: 1,
    maxZoom: 20
  })
});