0

我想制作一个应用程序，您可以在其中全屏平移和缩放图像。标记将显示有关图像该部分的信息。这很像一张地图。所以我开始使用 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
});
};
4

1 回答 1

0

It's very common problem - you need map.zoomToMaxExtent(); in the end of your init function.

于 2013-02-22T18:19:31.130 回答