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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值