[fix]修复加载dv被隐藏的矢量瓦片，初始显隐不对的问题 review by luox

Author: chenxianhuii

src/common/mapping/WebMapV2.js

@@ -314,6 +314,7 @@ export function createWebMapV2Extending(SuperClass, { MapManager, mapRepo }) {
 
     _createMVTBaseLayer(layerInfo, addedCallback) {
       let url = layerInfo.dataSource.url;
+      const visible = layerInfo.visible;
       if (url.indexOf('/restjsr/') > -1 && !/\/style\.json$/.test(url)) {
         url += '/style.json';
       }
@@ -326,6 +327,9 @@ export function createWebMapV2Extending(SuperClass, { MapManager, mapRepo }) {
               addedCallback && addedCallback();
               return;
             }
+            style.layers.forEach(layer => {
+              layer.layout && (layer.layout.visibility = visible ? 'visible' : 'none');
+            })
             this.map.addStyle(style);
             const layerIds = [];
             style.layers.forEach((item) => {

src/common/mapping/utils/SourceModel.js

@@ -21,9 +21,13 @@ class SourceModel {
         this.renderSource = {};
         this.dataSource = {};
         this.themeSetting = {};
-        this.visible = true;
         this.title = this.id;
       }
+      if (layer.visible || this.visible) {
+        this.visible = true;
+      } else {
+        this.visible = false;
+      }
       this.children.push(layer);
       return;
     }

test/mapboxgl/mapping/WebMapV2Spec.js

@@ -2783,4 +2783,32 @@ describe('mapboxgl_WebMapV2', () => {
       done();
     });
   });
+
+  it('MAPBOXSTYLE visible false', (done) => {
+    const mvtLayerClone = JSON.parse(JSON.stringify(mvtLayer));
+    mvtLayerClone.layers[0].visible = false;
+    spyOn(FetchRequest, 'get').and.callFake((url) => {
+      if (url.indexOf('portal.json') > -1) {
+        return Promise.resolve(new Response(JSON.stringify(iportal_serviceProxy)));
+      }
+      if (url.indexOf('1788054202/map.json') > -1) {
+        return Promise.resolve(new Response(JSON.stringify(mvtLayerClone)));
+      }
+      if (url.indexOf('web/datas/676516522/content.json') > -1) {
+        return Promise.resolve(new Response(layerData_CSV));
+      }
+      if (url.indexOf('ChinaqxAlberts_4548%40fl-new/style.json') > -1) {
+        return Promise.resolve(new Response(styleJson));
+      }
+    });
+    datavizWebmap = new WebMap(id, { ...commonOption });
+    const callback = function () {
+      const appreciableLayers = datavizWebmap.getLayers();
+      expect(appreciableLayers[1].id).toBe('ChinaqxAlberts_4548@fl-new');
+      expect(appreciableLayers[1].visible).toBe(false);
+      expect(appreciableLayers[2].id).toBe('民航数据');
+      done();
+    };
+    datavizWebmap.on('mapcreatesucceeded', callback);
+  });
 });

test/maplibregl/mapping/WebMapV2Spec.js

@@ -2783,4 +2783,32 @@ describe('maplibregl_WebMapV2', () => {
       done();
     });
   });
+
+  it('MAPBOXSTYLE visible false', (done) => {
+    const mvtLayerClone = JSON.parse(JSON.stringify(mvtLayer));
+    mvtLayerClone.layers[0].visible = false;
+    spyOn(FetchRequest, 'get').and.callFake((url) => {
+      if (url.indexOf('portal.json') > -1) {
+        return Promise.resolve(new Response(JSON.stringify(iportal_serviceProxy)));
+      }
+      if (url.indexOf('1788054202/map.json') > -1) {
+        return Promise.resolve(new Response(JSON.stringify(mvtLayerClone)));
+      }
+      if (url.indexOf('web/datas/676516522/content.json') > -1) {
+        return Promise.resolve(new Response(layerData_CSV));
+      }
+      if (url.indexOf('ChinaqxAlberts_4548%40fl-new/style.json') > -1) {
+        return Promise.resolve(new Response(styleJson));
+      }
+    });
+    datavizWebmap = new WebMap(id, { ...commonOption });
+    const callback = function () {
+      const appreciableLayers = datavizWebmap.getLayers();
+      expect(appreciableLayers[1].id).toBe('ChinaqxAlberts_4548@fl-new');
+      expect(appreciableLayers[1].visible).toBe(false);
+      expect(appreciableLayers[2].id).toBe('民航数据');
+      done();
+    };
+    datavizWebmap.on('mapcreatesucceeded', callback);
+  });
 });