À l'aide d'un PNG ou JPEG de la Carte avec OpenLayers (Échelle/Problème de Zoom)

Je suis en utilisant une image à afficher ma carte avec OpenLayers. Mon code JS ressemble à ceci:

map = new OpenLayers.Map('map');

var options = {numZoomLevels: 7,
                isBaseLayer: true,
                };

var globe = new OpenLayers.Layer.Image(
    'Globe ESA',
    'http://upload.wikimedia.org/wikipedia/commons/0/07/World_map_blank_black_lines_4500px.gif',
    new OpenLayers.Bounds(-180, -90, 180, 90),
    new OpenLayers.Size(4500, 2234),
    options);

map.addLayers(globe);

markers = new OpenLayers.Layer.Markers("markers");
map.addLayer(markers);

map.addControl(new OpenLayers.Control.LayerSwitcher());
map.zoomToMaxExtent();
map.addControl(new OpenLayers.Control.MousePosition());

Mon CSS est:

#map {
    width: 640px;
    height: 480px;
    border: 1px solid black;
}

Mais je ne peux pas obtenir OpenLayers à l'échelle vers le bas l'image de grande taille. Il est toujours afficher en pleine résolution et je ne peux pas effectuer un zoom arrière pour afficher l'ensemble du globe. De l'aide s'il vous plaît.

OriginalL'auteur Bernie Perez | 2009-05-01

  1. 11

    Vous devez définir la taille de l'image qui doit s'afficher lorsque pleinement zoom arrière.

    var globe = new OpenLayers.Layer.Image(
    'Globe ESA',
    'http://upload.wikimedia.org/wikipedia/commonS/0/07/World_map_blank_black_lines_4500px.gif',
    new OpenLayers.Bounds(-180, -90, 180, 90),
    new OpenLayers.Size(1125,558),
    options);

    J'ai changé la taille d'un quart de la taille de l'original. Vous pouvez faire ce plus petit si vous le voulais encore plus réduit.

    Merci beaucoup Jon, je ne peux pas croire que je n'ai pas essayer le réglage de la Taille à une valeur plus petite =) a très bien Fonctionné!

    OriginalL'auteur Jon Snyder