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