獲取Geoserver圖層的邊界 並縮放到該範圍

 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的屬性信息的可以點擊--》 這裏

發佈了40 篇原創文章 · 獲贊 14 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章