如何在openlayer 6中添加tms层？

Question

我使用 OpenLayer2、Mapproxy、Mapnik 和 tilecache 生成地图。我在 openlayer2 中添加了 TMS 图层。现在我想升级我的 openlayer，为此我选择了最新版本的 ol6。如何在ol6中添加TMS图层。

我的openlayer 2 js是这样的

var layer = new OpenLayers.Layer.TMS('District', 'http://127.0.0.1:8080/tms/', {layername: 'district/distgrid', type: 'png', isBaseLayer:true,transitionEffect:"resize" });
map.addLayer(layer);

Answer 1

在 OpenLayers TMS 层是 tile layers using a XYZ source:

import TileLayer from 'ol/layer/Tile';
import XYZ from 'ol/source/XYZ';

const layer = new TileLayer({
  source: new XYZ({
    url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png'
  })
});

但是，我不确定您提供的属性（请查看文档）。另请阅读 this answer。

如何在openlayer 6中添加tms层？

How to add tms layer in openlayer 6?

openlayers

openlayers-3

openlayers-6