[bug]解决图层隐藏状态下切换符号，符号显示出来的问题

(review by ytt)

Author: SuperHuZhiPeng

examples/mapboxgl-v2/src/application/App.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import View from './View';
 import './style';
-import { uniqueId } from 'lodash';
+import { isArray, uniqueId } from 'lodash';
 import { getMapboxKey, isPaintKey } from '../utils/StyleSettingUtil';
 // import '../../../../src/mapboxgl/core/MapExtend';
 
@@ -219,16 +219,26 @@ const App = () => {
         setLayersInfo(newLayersInfo.reverse());
     };
 
+    const hideSymbol = (symbol) => {
+        isArray(symbol) ?
+            symbol.forEach(s => {
+                s.layout = Object.assign(s.layout ?? {}, { visibility: 'none' });
+            }) :
+            symbol.layout = Object.assign(symbol.layout ?? {}, { visibility: 'none' });
+    };
     // 点击切换
     const onIconClick = async (symbolId, layerId) => {
         if (!map) return;
         const type = getLayerType(layerId);
         const id = uniqueId();
         await map.loadSymbol(symbolId, (_err, symbol) => {
-            if(type === 'point') {
+            if (type === 'point') {
                 symbol.layout['icon-allow-overlap'] = true;
                 symbol.layout['icon-size'] = 0.16;
             }
+            // TODO 暂时这样处理，待symbol是否设置visibility明确后优化
+            // 图层隐藏状态下切换符号，隐藏新符号
+            getLayerPropertyStyle(layerId, 'visibility') === 'none' && hideSymbol(symbol);
             map.addSymbol(id, symbol);
         });
         map.setSymbol(layerId, id);