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

  控件添加完成。

猜你喜欢

转载自www.cnblogs.com/dongzhiwu/p/8862317.html