如何動態地從 kepler.gl 中刪除所有 map 層？

Question

我添加了一個 div 和 dropdwn，在每個選項上我都使用 reactjs 中的 addDatatoMap 上傳了 geojson 數據。 每次我選擇該選項時，都會上傳相應的圖層，但我無法刪除以前的圖層，因此任何代碼或示例都可以重置/清除 map 圖層

Answer 1

經過這么多研究，我找到了解決方案，所以發布它以節省其他人的時間

import KeplerGlSchema from 'kepler.gl/schemas';
import { visStateUpdaters } from 'kepler.gl/reducers';

// // Clear Uploaded Data
RemoveUploadedData() {
// // returns uploaded Data on map
const dataToSave = 
KeplerGlSchema.getDatasetToSave(this.props.demo.keplerGl.map);
console.log('dataToSave', dataToSave);

// // returns uploaded layer config on map
const configToSave = 
KeplerGlSchema.getConfigToSave(this.props.demo.keplerGl.map);
console.log('configToSave', configToSave);

var layerConfigs = configToSave.config.visState.layers;

// // Removed each uploaded layers
if (configToSave && layerConfigs.length > 0) {
    for (var i = 0; i < layerConfigs.length; i++) {
        this.props.demo.keplerGl.map.visState = 
              visStateUpdaters.removeDatasetUpdater(            
              this.props.demo.keplerGl.map.visState,
            { key: dataToSave[i].data.id }
         )
       }
     }
   }