Как добавить слой tms в openlayer 6?

Question

Я использовал OpenLayer2, Mapproxy, Mapnik и tilecache для создания карты. Я добавил слои TMS в openlayer2. Теперь я хочу обновить свой openlayer, для этого я выбрал последнюю версию ol6. Как добавить слой TMS в ol6.

Мой 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 - это тайловые слои, использующие источник XYZ:

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'
  })
});

Однако я не уверен в свойствах, которые вы предоставили (пожалуйста, проверьте документацию). Прочтите также этот ответ.