Exchanges: map rendering

[Kongkille]

Issue

https://linear.app/electricitymaps/issue/ELE-1369/set-up-exchanges-layer

Description

This was a bit complicated. I tried to copy as much as possible but a few things seem to have been deprecated

• BaseControl is no longer accessible, so I had to create custom layers in another way
• OnViewPortChange also seems deprecated so we need to monitor isMoving on direct handlers such as onDrag end start etc. This is actually pretty nice, so we don't have the custom debounce logic.
• Easing has been added so we need to turn it off with DragPan settings
• A few other things that I had to change due to either me not understanding it, or the libraries having changed functionality somehow.

Performance is... ok. Similar to the current version. I had hoped that I could easily tweak some things and get good performance but the current approach just

I think part of it comes directly from the useExchangeArrows hook, so we could optimize that otherwise I think we need to go back to the whiteboard to get really good performance.

Preview

Screen.Recording.2022-11-17.at.18.35.02.mov

[tonypls]

LGTM

[Kongkille]

LGTM

haha

[Kongkille]

I can do the arrows in another PR if it's annoying to look at

[tonypls]

Works well, locally.

I find the custom layer wrapper stuff a bit confusing, not your code but the way the library is meant to be used. Would be great if we could go through the PR tomorrow so I can understand it a bit better and provide some more constructive feedback.

[tonypls]

Could add className="select-none" to make it so arrows aren't draggable anymore

[Kongkille]

Yeah I tried, it didn't work. Not sure how to get that working.

It's the same as in prod atm.

[VIKTORVAV99]

Just some thoughts and questions. 🙂

[Kongkille]

Works well, locally.

I find the custom layer wrapper stuff a bit confusing, not your code but the way the library is meant to be used. Would be great if we could go through the PR tomorrow so I can understand it a bit better and provide some more constructive feedback.

To be honest, I don't think I fully understand it either but we can try :)

[tonypls]

👍