natcap / urban-online-workflow

This repository hosts the beta implementation of the Urban Online ES Workflow. The project is intended to give urban planners the ability to create and assess scenarios using InVEST Urban models.
1 stars 5 forks source link

Add LULC legend control to map #100

Closed dcdenu4 closed 1 year ago

dcdenu4 commented 1 year ago

Adding event handler to map for pointermove that sets the state for a LULC code the mouse pointer is hovering over. That code is then displayed in a box on the bottom right of the map.

Added a new react component file to handle the display of the legend control component.

The code style should only show when there is a LULC selected (visible) and it should correspond to the LULC layer "in front". That is, if a base LULC and Scenario LULC are both visible, the Scenario LULC should be the one reported.

I actually think I got the CSS working okay. Desire is to have the display box in the bottom right at fixed width and height. The color box and corresponding text should be centered vertically.

Possible solution for #45

image