添加地图加载

src/views/homestead/index.vue

@@ -1470,7 +1470,9 @@ export default {
       });
 
       //按照分类查询  村定位地图-----------------start
-
+      var nongZt;
+      var texiao_layer_fang;
+      var texiao_layer_di;
       $("#cun").on("change", function () {
         /**
          * @api wfs服务空间查询
@@ -1501,12 +1503,10 @@ export default {
             duration: 1000, // 缩放持续时间，默认不需要设置
           });
         }
-
+        map.removeLayer(nongZt);
         //村的数据判断
         if (cun == "all" || cun == "") {
           //删除之前图层
-          //农地已盘活
-          map.removeLayer(nongdiyi);
 
           //定位个人地图
           map.removeLayer(texiao_layer_fang);
@@ -1521,6 +1521,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
     },
@@ -2468,4 +2542,4 @@ export default {
   border-radius: 10px;
   background-color: #ffffff;
 }
-</style>
+</style>