openlayers叠加显示两个图层
时间: 2023-10-01 21:05:03
浏览: 272
要在 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`