В настоящее время я делаю карту с помощью объявлений Reactjs и DeckGL, и пытаюсь расположить два одинаковых по размеру MapViews рядом друг с другом, отображая разные независимые карты. В настоящее время я дублирую компонент Deckgl и меняю реквизиты id и viewstate для каждого MapView. Это работает, кроме одного отключенного контроллера. У меня такое ощущение, что это нехорошая практика. Есть ли другой способ сделать это?
<DeckGL
views={[
new MapView({id: 'map1', x: '0%', y: '0%',..., controller:true})
]}
layers={this._renderLayers()}
initialViewState={INITIAL_VIEW_STATE}
controller>
</DeckGL>
<DeckGL
views={[
new MapView({id: 'map2', x: '50%', y: '0%',..., controller:true})
]}
layers={this._renderLayers()}
initialViewState={INITIAL_VIEW_STATE2}
controller>
</DeckGL>