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