openlayers叠加显示两个图层
时间: 2023-10-01 19:05:03 浏览: 378
要在 OpenLayers 中叠加显示两个图层,你可以使用 `ol.layer.Group` 类来创建一个包含多个图层的图层组,然后将其添加到地图中。以下是一个示例代码:
```javascript
var layer1 = new ol.layer.Tile({
source: new ol.source.OSM()
});
var layer2 = new ol.layer.Tile({
source: new ol.source.TileWMS({
url: 'http://demo.boundlessgeo.com/geoserver/wms',
params: {'LAYERS': 'topp:states'},
serverType: 'geoserver'
})
});
var layers = new ol.layer.Group({
layers: [layer1, layer2]
});
var map = new ol.Map({
layers: [layers],
target: 'map',
view: new ol.View({
center: ol.proj.fromLonLat([-98.583333, 39.833333]),
zoom: 4
})
});
```
在这个例子中,我们创建了两个图层 `layer1` 和 `layer2`,分别是 OpenStreetMap 和一个 WMS 服务图层。然后我们将这两个图层添加到一个 `ol.layer.Group` 类中,将其赋值给 `layers` 变量。最后,我们将 `layers` 添加到地图中。这样,我们就可以在地图上同时显示这两个图层了。
阅读全文