OpenLayers 3 的 图层控制控件

　　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的值；

　　控件添加完成。