openlayers3的control中没有提供默认的图层控制控件。
但是git上已经有造好的轮子,直接拿来用就可以了。地址 https://github.com/walkermatt/ol3-layerswitcher
直接引用下载的js文件和css文件
<link rel="stylesheet" type="text/css" href="../static/css/ol3-layerswitcher.css"> <script src="../static/js/ol3-layerswitcher.js"></script>
并且在main.js文件中添加如下两行代码:
var layerSwitcher = new ol.control.LayerSwitcher(); map.addControl(layerSwitcher);
控件加载后如图,显示的图层名称为添加layer时的title的值;
控件添加完成。