如何在openlayer 6中添加tms层？

问题描述

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

我的openlayer 2 js就是这样

{ "name": ["data_2","data_5"] }

解决方法

在OpenLayers中，TMS层是使用tile layers的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。