正式环境云查询叠加图片问题修正

src/components/CloudQueryContent/CloudQueryModal/BasicQuery/ModalMap/index.vue

@@ -64,14 +64,9 @@
   }
 
   const initMap = () => {
-    return new mapboxgl.Map({
+    let mapDataSources: any =
-      container: mapId,
+      networkType.value == 'LAN'
-      language: 'zh-cmn',
+        ? {
-      projection: 'equirectangular', // wgs84参考系
-      style: {
-        glyphs: 'mapbox://fonts/mapbox/{fontstack}/{range}.pbf',
-        version: 8,
-        sources: {
             'raster-tiles': {
               type: 'raster',
               tiles: [
@@ -102,27 +97,43 @@
               minzoom: 16,
               maxzoom: 24,
             },
+          }
+        : {
+            'raster-tiles': {
+              type: 'raster',
+              tiles: [
+                `http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=${MapboxConfig.TDT_TOKEN}`,
+              ],
+              tileSize: 256,
+              minzoom: 1,
+              maxzoom: 17,
             },
-        layers: [
+            'raster-tiles-font': {
+              type: 'raster',
+              tiles: [
+                `https://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=${MapboxConfig.TDT_TOKEN}`,
+              ],
+              tileSize: 256,
+            },
+          };
+
+    let mapDataLayers: any =
+      networkType.value == 'LAN'
+        ? [
             {
               id: 'tdt-vec-tiles',
               type: 'raster',
               source: 'raster-tiles-font',
-            maxZoom: 32,
             },
             {
               id: 'tdt-img-tiles',
               type: 'raster',
               source: 'raster-tiles',
-            maxZoom: 32,
             },
             {
               id: 'yaogan',
               type: 'raster',
               source: 'yaogan',
-            layout: {
-              visibility: networkType.value == 'LAN' ? 'visible' : 'none',
-            },
               minzoom: 9,
               maxzoom: 15,
             },
@@ -130,13 +141,32 @@
               id: 'yingxiang',
               type: 'raster',
               source: 'yingxiang',
-            layout: {
-              visibility: networkType.value == 'LAN' ? 'visible' : 'none',
-            },
               minzoom: 13,
               maxzoom: 24,
             },
-        ],
+          ]
+        : [
+            {
+              id: 'tdt-vec-tiles',
+              type: 'raster',
+              source: 'raster-tiles-font',
+            },
+            {
+              id: 'tdt-img-tiles',
+              type: 'raster',
+              source: 'raster-tiles',
+            },
+          ];
+
+    return new mapboxgl.Map({
+      container: mapId,
+      language: 'zh-cmn',
+      projection: 'equirectangular', // wgs84参考系
+      style: {
+        glyphs: 'mapbox://fonts/mapbox/{fontstack}/{range}.pbf',
+        version: 8,
+        sources: mapDataSources,
+        layers: mapDataLayers,
       },
       maxZoom: 22,
       minZoom: 8,

src/components/CloudQueryContent/CloudQueryModal/BasicQuery/index.vue

@@ -353,11 +353,8 @@
           // 添加新的源和图层
           map.addSource('radar', {
             type: 'image',
-            url: url,
+            url: dataURL,
             coordinates: fourpoint,
-            paint: {
-              'raster-opacity': 1,
-            },
           });
           map.addLayer({
             id: 'radar-layer',