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

　　控件添加完成。