Заблокировать масштабирование плиток WMTS в OL

Я использую плитки из IGN Géoportail WMTS, чтобы отобразить фоновую карту как как показано в этом примере:

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 «заблокировать» масштабирование плитки до 12, но при этом разрешить масштабирование сверх этого порога, отображаемого OpenLayers вместо WMTS?

Другими словами: пусть OpenLayers выполняет все масштабирование и всегда получает фрагменты детализации с уровнем масштабирования 12 из WMTS.

Спасибо за вашу помощь!


person svoop    schedule 19.02.2019    source источник
comment
Это будет сделано в tileGrid, можете ли вы добавить код для этого.   -  person Mike    schedule 19.02.2019
comment
@Mike Я добавил часть tileGrid. Фактически, все это взято из примера в Интернете.   -  person svoop    schedule 19.02.2019


Ответы (1)


Это ограничит сетку плиток уровнем масштабирования (идентификатор матрицы) 13:

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