Openlayers3 加载 GeoServer WMS的实现

最近在学习GeoServer，今天尝试了用Openlayer 3加载WMS服务，总体上还算顺利，下面以一个完整的示例来进行说明。

var layers=[    
				new ol.layer.Tile({    
                  source:new ol.source.TileWMS({    
                      url:'http://localhost:8089/geoserver/postgis/wms',    
                      params:{    
                          'LAYERS':'postgis:yunnan,postgis:procity,postgis:loccity',//此处可以是单个图层名称，也可以是图层组名称，或多个图层名称
                          'TILED':false    
                      },    
                      serverType:'geoserver'    //服务器类型
                  })   
              })    
          ];
		 var map=new ol.Map({
              layers: layers,
              target:'map',    
              view:new ol.View({    
                  projection: 'EPSG:4326', 
                  center:[102.73333,25.05],      
                  zoom:7    
  
              }) ,  
        controls: ol.control.defaults({  
		        attributionOptions: {  
		            collapsible: false  
		            }  
		        })  
          });

重点说明上述参数中的LAYERS，可以是单个图层，也可以是用逗号分隔的多个图层，或者是图层组，这样可以一次加载多个图层达到地图叠加的效果。

转载自：https://blog.csdn.net/shaxiaozilove/article/details/60600159