html - Kepler.gl マップをエクスポートするときにサイド パネルを無効にしますか?

Question

データを kepler.gl ( https://kepler.gl/ ) にロードし、コードをブログ投稿に埋め込むことで、オンラインで投稿したいビジュアルを作成しました。ただし、読者/ユーザーがサイド パネルを表示およびアクセスできないようにするのではなく、マップのメイン ビューのみを使用するようにしたいと考えています。

そうする方法や、html をエクスポートするときに変更できるパラメーターはありますか?

Answer 1

reducersこの問題を解決するには、ブロックを置き換える必要があります。

const reducers = (function createReducers(redux, keplerGl) {
            return redux.combineReducers({
              // mount keplerGl reducer
              keplerGl: keplerGl.keplerGlReducer
            });
          }(Redux, KeplerGl));

以下を使用します。

      const reducers = (function createReducers(redux, keplerGl) {
        const customizedKeplerGlReducer = keplerGl.keplerGlReducer.initialState({
           uiState: {readOnly: true}
        });            
        return redux.combineReducers({
          // mount keplerGl reducer
          keplerGl: customizedKeplerGlReducer
        });
      }(Redux, KeplerGl));

最後に、行を次のように変更addDataToMapします。 store.dispatch(keplerGl.addDataToMap(loadedData, {readOnly: true}));