使用PNG或JPEG進行OpenLayers地圖（縮放/縮放問題）

Question

我正在使用圖像來顯示我的OpenLayers地圖。 我的JS代碼如下所示：

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());

我的CSS是：

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

但我不能讓OpenLayers縮小大圖像。 它始終以全分辨率顯示，我無法縮小顯示整個地球。 請幫助。

Answer 1

您需要設置完全縮小時應顯示的圖像大小。

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);

我將尺寸改為原尺寸的四分之一。 如果您想要縮小它，可以將其縮小。