We're replacing Mapbox GL with Leaflet for performance reasons.

Check out the current situation: https://carta.guide/5,35,2/anything/reputation?q

It shows a map, and recommendations are calculated for the current map view box and plotted on the map (the colored labels).

It should be possible to get similar functionality in Leaflet. This test shows that similar labels can be displayed there: https://carta.guide/project/test/leaflet.html

It still uses a Mapbox basemap, but the rest is Leaflet.

So the task is to install Leaflet as a React component in our app, and still be able to generate and display the top-5 recommendations (based on the settings in the left panel, and the map view) as colored labels and with a marker with a number. Clicking on the labels should also still open the respective info page.

Basically the same behavior as currently, only label collision is allowed for this first version, and polygons can be ignored for now as well.

I've set a hourly pay, but please provide me with a fixed…