如何在Openlayers 3中显示使用gdal2Tiles创建的平铺图像？

Question

我使用gdal2tiles使用默认设置平铺图像。

我在OpenLayers 3中显示它，如下面的代码片段所示，但我无法弄清楚如何以编程方式确定中心。仅为中心手动输入值[-5200000，-16460000]，但应该能够通过变换photoHeight / 2和photoWidth / 2或者沿着这些线变换图像范围或其他内容来计算。

或者我是否完全错了？

＆＃13;

＆＃13;

var photoHeight = 5858;
var photoWidth = 24260;
var extent = [0, 0, 24260, 5858]; //??

var map = new ol.Map({
    layers: [
        new ol.layer.Tile({
            source: new ol.source.XYZ({
                url: 'http://dev.gregwacker.com/photoAlbums/ThePanoramas/tiles/monument_valley_pano_2__10_Photos_/{z}/{x}/{-y}.png',
                wrapX: false
            })
        })
    ],
    target: 'map',
    view: new ol.View({
        center: [-5200000, -16460000],
        maxZoom: 7,
        zoom: 2
    })
});

＆＃13;

html, body {
    background-color: #6a6a6a;
    background-image: url(http://dev.gregwacker.com/img/noise.png);
    height: 100%;
    overflow-y: hidden;
}

#map {
    background: url(http://dev.gregwacker.com/img/grid.png) repeat;
    height: 100%;
    width: 100%;
}

＆＃13;

<script src="http://openlayers.org/en/v3.11.0/build/ol.js"></script>
<div id="map"></div>

＆＃13;

＆＃13;

＆＃13;