360SDN.COM

首页/GIS/列表

Openlayers3 加载 GeoServer WMS的实现

来源:  2018-04-19 08:39:03    评论:0点击:

最近在学习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
为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权