添加深蓝色底图

public/static/config/config.js

@@ -19,21 +19,16 @@ var systemConfig = {
   // mapService: "http://121.43.55.7:10011/proxy/", //地图服务,
   blueBlackMap: {
     crs: "",
-    // url:"http://aimap.pudong.sh:5236/maps/rest/services/basemap-shanghai-gem-blue-sh2000/mapserver",
-    url: "http://aimap.pudong.sh:5236/zjmap/reproduction-service/maps/rest/services/sat-2022s1/proxy?AccessKey=lUaEMxqqhZKLSImGuP/Ergx47orYVyIqHVgxfyGpIurKAy9kdq5uU1cWuTuIXeOM",
-    // resolutions: [
-    //   529.1666666666666, 264.5833333333333, 132.29166666666666,
-    //   52.916666666666664, 26.458333333333332, 13.229166666666666,
-    //   5.291666666666666, 2.645833333333333, 1.3229166666666665,
-    //   0.5291666666666666, 0.2645833333333333, 0.13229166666666664,
-    // ],
+    // 调用了测绘院底图
+    url: "http://10.242.181.28:8080/OneMapServer/rest/services/shmap_anhei/MapServer?token=xvdp5nmSa6UoSQf20x7sk4l2DDQNicrUHaVrvm40k9cf-Iy8Z_rHGAMty2ZFIqH_",
+    // url:"http://aimap.pudong.sh:5236/maps/rest/services/darkmap-f/proxy",
     // minZoom: 1,
     // maxZoom: 12,
   },
   // 遥感影像图的相关配置项
   imageryLayer: {
     crs: "",
-    url: "http://aimap.pudong.sh:5236/zjmap/reproduction-service/maps/rest/services/sat-2019s1/proxy?AccessKey=lUaEMxqqhZKLSImGuP/Ergx47orYVyIqHVgxfyGpIurKAy9kdq5uU1cWuTuIXeOM",
+    url: "http://aimap.pudong.sh:5236/zjmap/reproduction-service/maps/rest/services/sat-2022s1/proxy?AccessKey=lUaEMxqqhZKLSImGuP/Ergx47orYVyIqHVgxfyGpIurKAy9kdq5uU1cWuTuIXeOM",
     resolutions: [
       132.2919312505292, 52.91677250021167, 26.458386250105836,
       13.229193125052918, 5.291677250021167, 2.6458386250105836,
@@ -45,7 +40,7 @@ var systemConfig = {
   },
   imageryLayerSat2018s2: {
     crs: "",
-    url: "http://aimap.pudong.sh:5236/zjmap/reproduction-service/maps/rest/services/sat-2018s2/proxy?AccessKey=lUaEMxqqhZKLSImGuP/Ergx47orYVyIqHVgxfyGpIurKAy9kdq5uU1cWuTuIXeOM",
+    url: "http://aimap.pudong.sh:5236/zjmap/reproduction-service/maps/rest/services/sat-2019s2/proxy?AccessKey=lUaEMxqqhZKLSImGuP/Ergx47orYVyIqHVgxfyGpIurKAy9kdq5uU1cWuTuIXeOM",
     resolutions: [
       132.2919312505292, 52.91677250021167, 26.458386250105836,
       13.229193125052918, 5.291677250021167, 2.6458386250105836,

src/components/map/BasemapChange.vue

@@ -45,23 +45,24 @@ export default {
         // 图片数组
         images: [
           {
-            src: require("@/assets/map/sat2019.png"),
+            src: require("@/assets/map/darkmap.png"),
+            type: 1,
+            active: "SEA",
+            defalut: "SE",
+          },
+          {
+            src: require("@/assets/map/sat2022.png"),
             type: 0,
             active: "DXA",
             defalut: "DX",
           },
           {
-            src: require("@/assets/map/sat2018.png"),
+            src: require("@/assets/map/sat2019.png"),
             type: 2,
             active: "DXA1",
             defalut: "DX1",
           },
-          {
-            src: require("@/assets/map/sat2022.png"),
-            type: 1,
-            active: "SEA",
-            defalut: "SE",
-          },
+          
         ],
         rightPX: 50, // 每张图片距离右侧的距离 * index
       },
@@ -117,6 +118,7 @@ export default {
       // 当前的底图类型 0 - imagery; 1 - 蓝黑图; 2 - imagery2
       switch (type) {
         case 0:
+          // 遥感影像图sat2022
           // console.log("影像图");
           if (!map2DViewer.map.hasLayer(map2DViewer.layers["imagery"])) {
             map2DViewer.map.hasLayer(map2DViewer.layers["darkmap"]) &&
@@ -128,6 +130,7 @@ export default {
           break;
         case 1:
           // console.log("蓝黑图");
+          // 测绘院蓝黑图
           if (!map2DViewer.map.hasLayer(map2DViewer.layers["darkmap"])) {
             map2DViewer.map.hasLayer(map2DViewer.layers["imagery"]) &&
               map2DViewer.map.removeLayer(map2DViewer.layers["imagery"]);
@@ -137,12 +140,13 @@ export default {
           }
           break;
         case 2:
+          // 遥感影像图sat2018
           if (!map2DViewer.map.hasLayer(map2DViewer.layers["imagery2"])) {
             map2DViewer.map.hasLayer(map2DViewer.layers["darkmap"]) &&
               map2DViewer.map.removeLayer(map2DViewer.layers["darkmap"]);
             map2DViewer.map.hasLayer(map2DViewer.layers["imagery"]) &&
               map2DViewer.map.removeLayer(map2DViewer.layers["imagery"]);
-              map2DViewer.map.addLayer(map2DViewer.layers["imagery2"]);
+            map2DViewer.map.addLayer(map2DViewer.layers["imagery2"]);
           }
       }
 

src/components/map/MapHolder.vue

@@ -468,7 +468,7 @@ export default {
         map2DViewer.jlMap = L.esri
           .tiledMapLayer({
             tileSize: 512,
-            url: systemConfig.imageryLayerSat2018s2.url,
+            url: systemConfig.imageryLayer.url,
           })
           .addTo(map2DViewer.map);
         map2DViewer.jlControl = L.control
@@ -561,11 +561,6 @@ export default {
         "+proj=tmerc +lat_0=0 +lon_0=121.2751921 +k=1 +x_0=0 +y_0=-3457147.81 +ellps=krass +units=m +no_defs",
         {
           resolutions: systemConfig.imageryLayer.resolutions,
-          // resolutions: [
-          //   132.2919312505292, 52.91677250021167, 26.458386250105836, 13.229193125052918, 5.291677250021167, 2.6458386250105836,
-          //   1.3229193125052918, 0.5291677250021167, 0.26458386250105836, 0.13229193125052918
-          // ],
-
           origin: [-66000, 75000],
           bounds: L.bounds([-65000, -76000], [75000, 72000]),
         }
@@ -598,17 +593,17 @@ export default {
       let layer = L.esri
         .tiledMapLayer({
           tileSize: 512,
-          url: systemConfig.imageryLayer.url,
+          url: systemConfig.blueBlackMap.url,
         })
         .addTo(map2DViewer.map);
-      map2DViewer.layers["imagery"] = layer;
+      map2DViewer.layers["darkmap"] = layer;
 
       // 加载遥感影像sat-2022s1 -- 暂时代替宝石蓝底图
-      let darkmap = L.esri.tiledMapLayer({
+      let imageryLayer = L.esri.tiledMapLayer({
         tileSize: 512,
-        url: systemConfig.blueBlackMap.url,
+        url: systemConfig.imageryLayer.url,
       });
-      map2DViewer.layers["darkmap"] = darkmap;
+      map2DViewer.layers["imagery"] = imageryLayer;
       // 加载遥感影像sat-2018s2
       let imageryLayer2 = L.esri.tiledMapLayer({
         tileSize: 512,
@@ -1017,7 +1012,7 @@ export default {
   position: absolute;
   width: 100%;
   height: calc(100% - 60px);
-  background-color: #003452;
+  background-color: rgb(0,47,71);
   z-index: 1;
   top: 60px;
   left: 0px;