[fix]将label图层的显隐通过viewModel事件传入

SuperMap · Sep 13, 2024 · 05daa12 · 05daa12
1 parent b23e717
commit 05daa12
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 9 deletions.
diff --git a/src/mapboxgl/tdt/map-switcher/TdtMapSwitcher.vue b/src/mapboxgl/tdt/map-switcher/TdtMapSwitcher.vue
@@ -98,11 +98,8 @@ export default {
       this.labelChecked = checked;
       this.$emit('change-label-status', this.labelChecked);
     },
-    layerUpdate() {
-      const labelLayer = this.map && this.map.getLayer(this.$t(`tdtMapSwitcher.Tianditu${this.viewModel.tdtLabelType}`));
-      if (labelLayer && labelLayer.visibility) {
-        this.labelChecked = labelLayer.visibility === 'visible';
-      }
+    layerUpdate(e) {
+      this.labelChecked = e.visible;
     }
   },
   loaded() {

diff --git a/src/mapboxgl/tdt/map-switcher/TdtMapSwitcherViewModel.js b/src/mapboxgl/tdt/map-switcher/TdtMapSwitcherViewModel.js
@@ -29,7 +29,10 @@ export default class TdtMapSwitcherViewModel extends mapboxgl.Evented {
   }
 
   _updateLayers() {
-    this.fire('layersUpdated');
+    const labelLayer = this.map && this.map.getLayer(geti18n().tc(`tdtMapSwitcher.Tianditu${this.tdtLabelType}`));
+    if (labelLayer && labelLayer.visibility) {
+      this.fire('layersUpdated', { visible: labelLayer.visibility === 'visible' });
+    }
   }
 
   setTk(tk) {

diff --git a/src/mapboxgl/tdt/map-switcher/__tests__/TdtMapSwitcher.spec.js b/src/mapboxgl/tdt/map-switcher/__tests__/TdtMapSwitcher.spec.js
@@ -113,7 +113,8 @@ describe('TdtMapSwitcher.vue', () => {
           minzoom: 0,
           maxzoom: 18
         }
-      }
+      },
+      addLayer: () => {}
     };
     await mapSubComponentLoaded(wrapper);
     const callback = function () {
@@ -125,6 +126,6 @@ describe('TdtMapSwitcher.vue', () => {
       webmap,
       map
     });
-    wrapper.vm.viewModel.togglerLabelLayer(false);
+    mockOnOptions.layersupdated();
   });
 });
diff --git a/src/mapboxgl/tdt/map-switcher/__tests__/TdtMapSwitcherViewModel.spec.js b/src/mapboxgl/tdt/map-switcher/__tests__/TdtMapSwitcherViewModel.spec.js
@@ -68,8 +68,18 @@ describe('TdtMapSwitcherViewModel', () => {
         proxy: null
       }
     };
+    let mockOnOptions;
+    const webmap = {
+      getLayerList: () => layerCatalogs,
+      changeItemVisible: jest.fn(),
+      un: jest.fn(),
+      on: jest.fn(options => {
+        mockOnOptions = options;
+      })
+    };
     viewModel.setMap({
-      map: mapMockFn(initLayers, initSources)
+      map: mapMockFn(initLayers, initSources),
+      webmap: webmap
     });
     expect(viewModel.map.getStyle().layers).toEqual(initLayers);
     expect(viewModel.map.getStyle().sources).toEqual(initSources);