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

Question

在 OpenStreetMap Wiki 中有一个 nice example关于如何在 OpenLayers 中使用 Local Tiles，但这是针对 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
  })
});