openlayer 切换图层

以下是使用OpenLayers实现切换图层的示例代码：

// 创建地图
var map = new ol.Map({
  target: 'map',
  layers: [
    new ol.layer.Tile({
      title: 'OSM',
      type: 'base',
      source: new ol.source.OSM()
    }),
    new ol.layer.Tile({
      title: 'Stamen Watercolor',
      source: new ol.source.Stamen({
        layer: 'watercolor'
      })
    })
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([37.41, 8.82]),
    zoom: 4
  })
});

// 创建图层切换控件
var layerSwitcher = new ol.control.LayerSwitcher({
  tipLabel: 'Legend' // 设置控件提示标签
});
map.addControl(layerSwitcher); // 将控件添加到地图中

在上面的示例中，我们首先创建了一个包含两个图层的地图，其中一个是基本图层（type属性设置为'base'），另一个是普通图层。然后，我们创建了一个图层切换控件，并将其添加到地图中。最后，我们可以通过单击控件中的图层名称来切换图层。