openlayers 图层控制

openlayers图层控制有2种方式，一种是利用现成的控件，另一种是自定义

一、利用现成的控件

openlayers的control中没有提供默认的图层控制控件。

但是git上已经有造好的轮子，直接拿来用就可以了。地址 https://github.com/walkermatt/ol-layerswitcher

创建一个图层切换器控件。 图层切换器中要显示的每个图层都具有title属性，每个组也是如此。 每个基础地图图层都有一个type: 'base'属性。

安装控件
npm install ol-layerswitcher --save
引入
import 'ol-layerswitcher/dist/ol-layerswitcher.css';

import LayerSwitcher from 'ol-layerswitcher';

const layerSwitcher = new LayerSwitcher();
map.addControl(layerSwitcher);

二、自定义图层控制
https://www.jb51.net/article/196485.htm
https://www.cnblogs.com/lzugis/p/6539897.html