Use Mapbox Layer for Cases and User Markers in Microplanning Map

[zandre-eng]

Product Description

The markers themselves will now look slightly different as shown below:

Old:

New:

Technical Summary

Link to ticket here.
Related tech spec doc can be found here.

This PR introduces a core change to the Microplanning Map page in the form of completely changing how markers are loaded onto the map. Previously, the markers were created as separate HTML elements which were then added onto the map, however this caused performance issues if there were a lot of markers on the map (e.g. 1000) and ultimately limited the scalability of this feature.

The marker logic has been reworked to use a single Mapbox data source with two layers, one for users and one for cases. The markers themselves are shown on the map with a simple image which gets loaded in when initializing the map. Using a map layer instead of individual HTML elements for the markers allows the page to achieve greater performance which, in turn, will allow for displaying more markers on the map at any given time.

In addition to the above implementation, this PR also resolves the following two bugs on the Microplanning Map page:

• Reviewing assignment results with polygon filtering applied resulted in a JS exception being thrown in the browser.
• Running a new disbursement does not remove the previous disbursement results from the assignment popup.

Feature Flag

MICROPLANNING

Safety Assurance

Safety story

• Local testing
• QA to be done

End-to-end testing was done locally for both the Microplanning Map and Case Clustering Map pages to ensure that all functionality still works as expected. Additionally, QA will be doing end-to-end testing on these two pages as well to make sure all features still work.

Automated test coverage

N/A

QA Plan

QA to be completed. Ticket can be viewed here.

Rollback instructions

• This PR can be reverted after deploy with no further considerations

Labels & Review

• Risk label is set correctly
• The set of people pinged as reviewers is appropriate for the level of risk of the change

[zandre-eng]

Keeping this PR in draft until the related Jira ticket to determine what size to increase the pagination to has been implemented in this PR as well. QA will also be held off until that has been completed.