var url='http://localhost:8080/geoserver/YouName/wms';
var layers="YouName:BaseMap";
var tiled = new ol.layer.Tile({
visible: true,
id: "base",
type: 'base',
source: new ol.source.TileWMS({
url: url,
params: {
'FORMAT': 'image/png',
'VERSION': '1.1.1',
tiled: true,
"LAYERS": layers,
"exceptions": 'application/vnd.ogc.se_inimage'
}
}),
zIndex: 9
});
mapHelper.map.addLayer(tiled);
//獲取圖層邊界並縮放到該範圍
$.ajax({
url: url+'?service=wms&version=1.1.1&request=GetCapabilities',
type: 'GET',
dataType: 'xml',
timeout: 1000,
cache: false, //禁用緩存
error: function (xml) {
Console.log("加載XML文檔出錯!")
},
success: function (xmlResult) {
$(xmlResult).find("Layer").find("Layer").each(function() {
var item = $(this);
if(item.find("Name").text()==layers.split(":")[1]){
mapHelper.map.getView().fit(ol.proj.transformExtent([Number(item.find("BoundingBox").attr("minx")), Number(item.find("BoundingBox").attr("miny")), Number(item.find("BoundingBox").attr("maxx")), Number(item.find("BoundingBox").attr("maxy"))], item.find("BoundingBox").attr("SRS"), item.find("BoundingBox").attr("SRS")), { duration: 300 })
}
});
}
});
其他查詢geoserver的屬性信息的可以點擊--》 這裏