在 OL 中锁定 WMTS 磁贴的缩放

Question

我正在使用来自 IGN Géoportail WMTS to render a background map as outlined in this example 的图块：

var resolutions = [];
var matrixIds = [];
var proj3857 = getProjection('EPSG:3857');
var maxResolution = getWidth(proj3857.getExtent()) / 256;

for (var i = 0; i < 18; i++) {
  matrixIds[i] = i.toString();
  resolutions[i] = maxResolution / Math.pow(2, i);
}

var tileGrid = new WMTSTileGrid({
  origin: [-20037508, 20037508],
  resolutions: resolutions,
  matrixIds: matrixIds
});

var ign_source = new WMTS({
  url: 'https://wxs.ign.fr/pratique/geoportail/wmts',
  layer: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
  matrixSet: 'PM',
  format: 'image/jpeg',
  projection: 'EPSG:3857',
  tileGrid: tileGrid,
  style: 'normal',
  attributions: '<a href="http://www.geoportail.fr/" target="_blank">' +
    '<img src="https://api.ign.fr/geoportail/api/js/latest/' +
    'theme/geoportal/img/logo_gp.gif"></a>'
});

var ign = new TileLayer({
  source: ign_source,
  opacity: 0.7
});

在缩放级别 12 上，地图显示了我需要的详细信息：

但是，缩小到缩放级别 13，图块切换到更少的细节，对于我的用例来说太少了：

有没有办法告诉 OpenLayers "lock" 将图块缩放到 12，同时仍然允许缩放超过由 OpenLayers 而不是 WMTS 呈现的阈值？

或者换句话说：让 OpenLayers 进行所有缩放并始终从 WMTS 获取缩放级别 12 的细节图块。

感谢您的帮助！

Answer 1

这会将 tilegrid 限制为缩放级别（矩阵 ID）13:

var tileGrid = new WMTSTileGrid({
  origin: [-20037508, 20037508],
  resolutions: resolutions.slice(13,14),
  matrixIds: matrixIds.slice(13,14)
});

在 OL 中锁定 WMTS 磁贴的缩放

Lock zoom of WMTS tiles in OL

zooming

openlayers

openlayers-5