修改动态服务添加方式

src/components/map/MapHolder.vue

@@ -115,6 +115,7 @@ export default {
       drawGeometry: this.drawGeometry,
       deleteGeometry: this.deleteGeometry,
       addTiledMapLayer: this.addTiledMapLayer,
+      addDynamicLayer: this.addDynamicLayer,
     });
   },
   beforeDestroyed() {
@@ -208,16 +209,13 @@ export default {
     addDynamicLayer(url) {
       let layer = L.esri.dynamicMapLayer({
         url: url,
-        // opacity: 0.8,
-        f: "json",
+        opacity: 0.8,
+        f: "image",
         format: "png8",
-        transparent: true,
-        // tileSize: 512,
-        // url: url,
-        // minZoom: 0,
-        // minNativeZoom: 0,
-        // maxNativeZoom: 7,
-        // maxZoom: 14,
+        requestParams: {
+          AccessKey:
+            "lUaEMxqqhZKLSImGuP/Ergx47orYVyIqHVgxfyGpIurKAy9kdq5uU1cWuTuIXeOM",
+        },
       });
       return layer;
     },
@@ -706,16 +704,10 @@ export default {
       let layer = this.addTiledMapLayer(systemConfig.blueBlackMap.url).addTo(
         map2DViewer.map
       );
-      // let layer = this.addDynamicLayer(systemConfig.blueBlackMap.url).addTo(
-      //   map2DViewer.map
-      // );
       map2DViewer.layers["darkmap"] = layer;
-      // debugger
 
       let imageryLayer = this.addTiledMapLayer(systemConfig.imageryLayer.url);
       map2DViewer.layers["imagery"] = imageryLayer;
-      // let imageryLayer = this.addDynamicLayer(systemConfig.imageryLayer.url);
-      // map2DViewer.layers["imagery"] = imageryLayer;
 
       map2DViewer.map.on("click", (e) => {
         if (

src/views/ComprehensiveAnalysis.vue

@@ -777,6 +777,9 @@ export default {
               map2DViewer.map.removeLayer(map2DViewer.layers["imagery"]);
             map2DViewer.map.hasLayer(map2DViewer.layers["imagery2"]) &&
               map2DViewer.map.removeLayer(map2DViewer.layers["imagery2"]);
+            map2DViewer.layers["others"] &&
+              map2DViewer.map.hasLayer(map2DViewer.layers["others"]) &&
+              map2DViewer.map.removeLayer(map2DViewer.layers["others"]);
             map2DViewer.map.addLayer(map2DViewer.layers["darkmap"]);
           }
           this.clearAllData();
@@ -790,6 +793,9 @@ export default {
               map2DViewer.map.removeLayer(map2DViewer.layers["darkmap"]);
             map2DViewer.map.hasLayer(map2DViewer.layers["imagery2"]) &&
               map2DViewer.map.removeLayer(map2DViewer.layers["imagery2"]);
+            map2DViewer.layers["others"] &&
+              map2DViewer.map.hasLayer(map2DViewer.layers["others"]) &&
+              map2DViewer.map.removeLayer(map2DViewer.layers["others"]);
             map2DViewer.map.addLayer(map2DViewer.layers["imagery"]);
           }
           // console.log("进入综合分析页面 -- 默认展开老港镇数据");
@@ -1340,7 +1346,10 @@ export default {
         map2DViewer.map.addLayer(map2DViewer.jlMap);
         this.$store.state.JLControlRightMapUrl = data.mapUrl;
         this.basemapName2 = data.abbr;
-      } else if (map2DViewer.map.hasLayer(map2DViewer.layers["imagery"])) {
+      } else if (
+        map2DViewer.map.hasLayer(map2DViewer.layers["imagery"]) &&
+        data.basemapType !== "3"
+      ) {
         map2DViewer.map.removeLayer(map2DViewer.layers["imagery"]);
         map2DViewer.layers["imagery"] = this.$store.state.mapMethodsCollection
           .get("RENDER")
@@ -1348,6 +1357,21 @@ export default {
         map2DViewer.map.addLayer(map2DViewer.layers["imagery"]);
         this.basemapName = data.abbr;
       }
+      // 选择了浦东地铁，浦东道路等动态服务
+      if (data.basemapType === "3") {
+        map2DViewer.layers["others"] &&
+          map2DViewer.map.hasLayer(map2DViewer.layers["others"]) &&
+          map2DViewer.map.removeLayer(map2DViewer.layers["others"]);
+
+        // map2DViewer.layers["imagery"] &&
+        //   map2DViewer.map.hasLayer(map2DViewer.layers["imagery"]) &&
+        //   map2DViewer.map.removeLayer(map2DViewer.layers["imagery"]);
+        map2DViewer.layers["others"] = this.$store.state.mapMethodsCollection
+          .get("RENDER")
+          .addDynamicLayer(data.mapUrl);
+        map2DViewer.map.addLayer(map2DViewer.layers["others"]);
+      }
+
       this.$bus.$emit("reJLControl");
       this.satImgChecked = false;
       this.airImgChecked = false;