DeckGL-具有独立坐标的两个视口

Question

我目前正在使用Reactjs和DeckGL制作地图，并试图将两个大小相等的MapView彼此并排布置，两者均显示不同的独立地图。目前，我正在复制Deckgl组件，并更改每个MapView的id和viewstate属性。除了禁用一个控制器外，它还可以工作。我觉得这不是很好的做法。还有另一种方法吗？

 <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>