OpenLayers 中的 Mapbox WMTS 支持

Question

我使用 Mapbox Studio 创建了一个 Mapbox 样式，并将其设置为在 WMTS 上使用。样式的网址是：

https://api.mapbox.com/styles/v1/username/styleId/wmts?access_token=token

其中styleId、username 和token 是变量字段。

当我尝试使用上面的 url 在 OpenLayers 中创建 WMTS 图层时，tileGrid 已使用 createFromCapabilitiesMatrixSet 成功创建，但我收到来自 Mapbox 的响应错误 Invalid query param layer。

经过一番调查，我注意到：

1. 在创建切片加载函数时，对于从 OpenLayers 附加的所有查询参数，响应错误仍然存​​在。 Mapbox 似乎无法正确识别它们。
2. OpenLayers 网站和 Mapbox 还提供了使用 XYZ 图层在它们之间进行集成的示例。

那么，这是 OpenLayers 的某种不受支持的功能，还是我在创建 WMTS OpenLayers 时需要配置任何其他内容？

Answer 1

使用标准 OpenLayers XYZ 图层设置要简单得多

  url: 'https://api.mapbox.com/styles/v1/username/styleId/tiles/{z}/{x}/{y}?access_token=token'

如示例所示。

Mapbox 提供 WMTS 支持以与其他一些系统兼容。它也可以在 OpenLayers 中使用，设置将是

  var parser = new ol.format.WMTSCapabilities();
  fetch('https://api.mapbox.com/styles/v1/username/styleId/wmts?access_token=token').then(function(response) {
      return response.text();
  }).then(function(text) {

      var layer = new ol.layer.Tile({
          source: new ol.source.WMTS(
              ol.source.WMTS.optionsFromCapabilities(parser.read(text), {
                  layer: 'styleId',
                  matrixSet: 'EPSG:3857'
              })
          )
      });

      ....
      ....
      ....
      ....

  });

这两种方法最终都会加载相同的磁贴 url，因此在支持 XYZ 的情况下使用 WMTS 没有任何优势。