diff --git a/src/views/homestead/index.vue b/src/views/homestead/index.vue index 00d1263b..565e9a8d 100644 --- a/src/views/homestead/index.vue +++ b/src/views/homestead/index.vue @@ -1471,7 +1471,9 @@ export default { }); //按照分类查询 村定位地图-----------------start - + var nongZt; + var texiao_layer_fang; + var texiao_layer_di; $("#cun").on("change", function () { /** * @api wfs服务空间查询 @@ -1502,12 +1504,10 @@ export default { duration: 1000, // 缩放持续时间,默认不需要设置 }); } - + map.removeLayer(nongZt); //村的数据判断 if (cun == "all" || cun == "") { //删除之前图层 - //农地已盘活 - map.removeLayer(nongdiyi); //定位个人地图 map.removeLayer(texiao_layer_fang); @@ -1522,6 +1522,80 @@ export default { map.removeLayer(shitu); }, 1000); } + //查询条件 + var cql_filter; + //for(var i=0; i< difang.length; i++){ + + //图层加载 + //地的数据判断 + var difang = "nsgk_hc:nsgk_hc_all"; + console.log("++++++++++++" + cun); + //业务图层 wms服务 + //for (var i = 0; i < difang.length; i++) { + ///if (difang[i] == "nsgk_hc:t_geo_hc_house") { + cql_filter = "CM='" + cun + "'"; + //} else { + // cql_filter = "CM='" + cun + "'"; + //} + nongZt = new ol.layer.Tile({ + source: new ol.source.TileWMS({ + //url: 'http://192.168.31.150:8888/geoserver/mywork_mysql/wms', + url: "http://116.255.135.38:8080/geoserver/nsgk_hc/wms", + //url: 'http://localhost:8888/geoserver/mywork_mysql/wms', + //url: 'http://localhost:8888/geoserver/new_shp/wms', + params: { + LAYERS: difang, + //'LAYERS': 'new_shp:new_shp_all', + TILED: true, + cql_filter: cql_filter, + SRID: 3857, + }, + }), + }); + //} + //定位查询位置 + let param_dw = { + srsName: "EPSG:3857", + service: "WFS", + version: "1.0.0", + request: "GetFeature", + typename: difang, + //featureNS: 'nsgk_hc',//命名空间 URI + cql_filter: cql_filter, + //featurePrefix: 'nationalwater',//工作区名称 + //featureTypes: ['nationalwater:01fir'],//查询图层,可以是同一个工作区下多个图层,逗号隔开 + outputFormat: "application/json", + //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 + }; + let url_dw = "http://116.255.135.38:8080/geoserver/nsgk_hc/wfs"; //wfsurl; + url_dw = url_dw + "?"; + for (let key in param_dw) { + url_dw = url_dw + key + "=" + param_dw[key] + "&"; + } + url_dw = url_dw.substr(0, url_dw.length - 1); + fetch(url_dw, { + method: "POST", // *GET, POST, PUT, DELETE, etc. + }) + .then((res) => { + var geojsonmap = res.json(); + return geojsonmap; + }) + .then((data) => { + //var datamap = data.bbox; + // var datamap = data.features[0].bbox; + // map.getView().animate({ + // // 只设置需要的属性即可 + // center: datamap, // 中心点 + // zoom: 15, // 缩放级别 + // rotation: undefined, // 缩放完成view视图旋转弧度 + // duration: 1000, // 缩放持续时间,默认不需要设置 + // }); + }) + .catch((error) => { + console.log("【异常】", error); + }); + map.addLayer(nongZt); + //} }); //村定位查询-------------------------------------end }, @@ -2469,4 +2543,4 @@ export default { border-radius: 10px; background-color: #ffffff; } - \ No newline at end of file +