cordova - カスタム画像を使用したオフライン マッピング: 画像を中央に配置して画面いっぱいに表示する方法

Question

画像をフルスクリーンでパンおよびズームできるアプリケーションを作成したいと考えています。マーカーは、画像のその部分に関する情報を明らかにします。これは地図によく似ています。そこで、Phonegap と OpenLayers のオフライン マッピングをいじり始めました。これで成功しましたが、座標系を取得していないようです。Android でアプリを実行すると、ズーム コントロールに触れるまで空白の画面が表示されます。その後、突然画像が表示され、ドラッグして探索することができます。座標系と関係があると思います。

基本的にマップを表示して機能させるためのすべてを備えた初期化関数を次に示します。このアプリを実行するときに、画像を中央に配置して画面全体に表示する方法を探しています。

var init = function () {
// create map
map = new OpenLayers.Map({
    div: "map",
    theme: null,

    // komt van http://trac.osgeo.org/openlayers/wiki/UsingCustomTiles
    maxExtent: new OpenLayers.Bounds(  0.0, -3433.0, 3433.0, 0.0 ),
    maxResolution: 16.000000,
    numZoomLevels: 7,
    // end

    controls: [
        new OpenLayers.Control.Attribution(),
        new OpenLayers.Control.TouchNavigation({
            dragPanOptions: {
                enableKinetic: true
            }
        }),
        new OpenLayers.Control.Zoom()
    ],
    layers: [
        new OpenLayers.Layer.TMS( "TMS Layer","",
                {  url: '', serviceVersion: '.', layername: '.', alpha: false,
                    type: 'jpg', getURL: overlay_getTileURL,
                    transitionEffect: 'resize'
                })
    ],
    center: new OpenLayers.LonLat(1000, 1000),
    zoom: 3
});
};