Implement highlighting of geometry on map for selected location

[glenflorendo]

User Story

As a user, I want the geometry (such as zip code boundaries or neighborhood council boundaries) on the map to be highlighted when I select a corresponding location so that I can easily identify the area associated with the selected location.

Description

Currently, when a user selects a location on the map, there is no visual indication of the corresponding geometry on the map. To improve the user experience and provide visual feedback, we need to implement a feature that highlights the geometry associated with the selected location.

Acceptance Criteria

• Determine the types of geometry (e.g., zip code boundaries, neighborhood council boundaries) that should be highlighted on the map.
• Implement logic to highlight the relevant geometry on the map when a corresponding location is selected.
• Ensure that the highlighted geometry is visually distinct from other map elements.
• Test the implementation to ensure that the highlighted geometry is displayed accurately and disappears when a new location is selected.

Technical References

Mapbox GL JS Documentation

Design References

N/A

[ExperimentsInHonesty]

What is missing from this issue is the requirement to have the user select the region type (boundary). Otherwise, what this issue is asking for would result in several different boundaries and probably not be a good user experience.