如何在OpenLayers中获取XYZ源的中心（或范围）？

XYZ源本身没有内置的范围属性（不像VectorSource自带getExtent()方法），默认情况下OpenLayers会为XYZ源分配覆盖整个Web墨卡托投影的瓦片网格，所以你调用source.getTileGrid().getExtent()得到的是Web墨卡托全范围[-20037508.342789244, -20037508.342789244, 20037508.342789244, 20037508.342789244]，这并非瓦片集的实际地理范围。

要获取XYZ源对应的实际地图范围或中心，有两种可行方案：

1. 手动配置瓦片网格的范围 #

如果你已知该XYZ瓦片集的实际地理范围，在创建XYZ源时手动指定tileGrid的extent参数，之后就能通过getTileGrid().getExtent()拿到正确范围。

示例代码：

const src = new ol.source.XYZ({
    url: 'https://s3.eu-central-1.amazonaws.com/old-maps/the-hague-1944/tiles/{z}/{x}/{y}.jpg',
    tileGrid: new ol.tilegrid.TileGrid({
        extent: [4.28, 52.04, 4.36, 52.1], // 替换为瓦片集的实际地理范围
        resolutions: [156543.03392804097, 78271.51696402048, 39135.75848201024, 19567.87924100512, 9783.93962050256, 4891.96981025128, 2445.98490512564, 1222.99245256282, 611.49622628141, 305.748113140705], // 对应瓦片层级的分辨率
        tileSize: 256
    })
});

// 获取正确范围
const actualExtent = src.getTileGrid().getExtent();
console.log(actualExtent);

// 计算中心坐标
const center = ol.extent.getCenter(actualExtent);
console.log(center);

2. 从瓦片服务元数据或瓦片信息推断 #

• 若XYZ服务基于WMTS规范，可通过服务的元数据接口获取包含范围、分辨率的配置信息，解析后配置到TileGrid中。
• 若是自定义瓦片集，可通过查看瓦片的最大/最小行列号，结合投影的分辨率、原点等参数，计算出实际地理范围。

内容的提问来源于stack exchange，提问作者Tamas Ferenci