获取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万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章