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可以是单个图层,也可以是用逗号分隔的多个图层,或者是图层组,这样可以一次加载多个图层达到地图叠加的效果。

你可能感兴趣的:(GeoServer,OpenLayer3)