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