[英]Using an PNG or JPEG for Map with OpenLayers (Scale/Zoom Problem)
我正在使用图像来显示我的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缩小大图像。 它始终以全分辨率显示,我无法缩小显示整个地球。 请帮助。
您需要设置完全缩小时应显示的图像大小。
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);
我将尺寸改为原尺寸的四分之一。 如果您想要缩小它,可以将其缩小。
问题未解决?试试以下方法:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.