Swipe and sync between two maps

[kylebarron]

It would be cool to have a way to do "map comparisons" from Python. This would be along the lines of mapbox-gl-compare:

On the JS side, this would take a bit of work. Primarily, I have to figure out how to:

• render two map views, either side by side or possibly above and below
• sync the view state between them
• render a basemap in both

I did a little test:

      <DeckGL
        views={[
          new MapView({
            id: "left",
            width: "50%",
            controller: true,
          }),
          new MapView({
            id: "right",
            x: "50%",
            width: "50%",
            controller: true,
          }),
        ]}

It's nice that the deck.gl part is working, but not sure how to get the basemap to render in both.

On the Python side, the easiest way to do this would probably be to have a new SplitMap class that manages two sets of layers.

See also:

• Map Compare visgl/deck.gl#7627