javascript - OpenLayers 中的平铺背景图像

Question

使用 OpenLAyers 时，是否可以有一个包含平铺、可缩放图像的图层？我可以使用 CSS 来设置 DIV 标签的背景图像和背景重复属性，但是当我放大和缩小时当然不会缩放。

Answer 1

我将 OpenLayers.Layer.WMS 用于平铺、可缩放的图像，我认为这是最常用的图层。OpenLayers Demos 中有一个简单的 WMS 示例。如果您嗅探从该演示发出的 http 请求，您将看到如下 URL：

http://vmap0.tiles.osgeo.org/wms/vmap0?LAYERS=basic&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&FORMAT=image/jpeg&SRS=EPSG:4326&BBOX=5.625,39.375,11.25,45&WIDTH=256&HEIGHT=256

此 URL 中的请求参数包括边界框、投影和图块宽度和高度。服务器响应该位置 (BBOX) 和投影 (SRS) 的适当大小的图像。OpenLayers 负责将返回的平铺图像放置到地图视口中的适当位置。

OpenLayers 在这里为您做了很多。您不必自己操作 CSS 或 DIV 标签，但这一切都是在地理空间上完成的。如果您的平铺图像不是地理空间图像，那么您可能想看看除了 OpenLayers 之外的其他东西。希望我有所帮助。