将图块的 xyz 坐标转换为经度/纬度

The*_*man 4 javascript gis openlayers-3

我想使用 openlayers 制作地图,但以独特的方式将其居中。例如,我的 z/x/y 坐标为 12/2045/-1362,如何将其转换为经度/纬度?这与此完全相反:如何通过单击传单地图获得瓷砖的 XYZ 坐标

我很难获得上述链接的逻辑并将其反转。我希望这里有人对此有经验或现成的公式。谢谢

稍后我会像这样渲染我的地图的中心:

var z = 12;
var x = 2045;
var y = -1362;

function convertXYZtoCoor(z, x, y) {
    // code here
    return [lng, lat];
}

var coor = convertXYZtoCoor(z, x, y);
var view = new ol.View({
                    center: ol.proj.transform(
                        [coor[0], coor[1]], 'EPSG:4326', 'EPSG:3857'),
                    zoom: z
            });

var map = new ol.Map({
                layers: [
                    new ol.layer.Tile({
                        source: new ol.source.OSM()
                    })
                ],
                target: 'map',
                view: view
          });
Run Code Online (Sandbox Code Playgroud)

希望我的问题能得到更多的理解,谢谢。

编辑:添加代码

Alv*_*tam 6

var tileExtent = function(tileCoord){
    var z = tileCoord[0];
    var x = tileCoord[1];
    var y = tileCoord[2];
    var tileGridOrigin = tileGrid.getOrigin(z);
    var tileSizeAtResolution = tileGrid.getTileSize(z) * tileGrid.getResolution(z);
    return [
        tileGridOrigin[0] + tileSizeAtResolution * x,
        tileGridOrigin[1] + tileSizeAtResolution * y,
        tileGridOrigin[0] + tileSizeAtResolution * (x + 1),
        tileGridOrigin[1] + tileSizeAtResolution * (y + 1)
    ];
}
Run Code Online (Sandbox Code Playgroud)

您可以在http://jsfiddle.net/eurx57s7/测试/验证

注意(从 ol3 示例中窃取,但它适用于此处): 瓦片坐标是 ol3 标准化瓦片坐标(原点左下角),而不是 OSM 瓦片坐标(原点左上角)