DEV - De-Select NC Selection on Outside Click

[cottonchristopher]

Overview

We need to modify map by having clicks outside of Los Angeles to return to user to the default map zoom level.

More Info (optional)

• Currently there is no way to deselect an NC through clicking on the map
• A non-boundary click reset will allow for a more intuitive experience while using the map, and will allow for the user to be able to return to a baseline view of the MAP and more easily view and/or select other NC's.

Action Items

• add an if/else statement to the onClick method in Map.jsx, that checks to see if getAllFeaturesAtPoint() returned an empty list
• if it was an empty list, call resetMap

Resources/Instructions

Dev Resources

• this.reset() in components > Map > Map.jsx
  • gets passed as a prop, resetMap, to the Map component, which later gets drilled down to various sub-components
• getAllFeaturesAtPoint() in components > Map > Map.jsx
  • see onClick in the same file, this method allows us to see what Mapbox features we have clicked on.
  • specifically, we specify featureLayers, which is ['request-circles', 'nc-fills'] to indicate that we just want to know if we have clicked on a request circle, or an NC fill

[cottonchristopher]

@cottonchristopher will review and fix; From meeting 1/9
@ryanfchase