Since tribal areas will now be visible on the map, people would expect to interact with them to get information about the areas as they do the census tracts. Having a toggle to control what they want to select seems to be a reasonable solution.
Desktop design
Map Header showing how search should be shortened to allow for Select and Layer (future)
Map Header showing Select along with Search Geolocate messages:
Just the Select component expanded:
Select component in Map Header with all possible messaging:
Mobile design
Engineering
[ ] implement desktopSelect component. This would be a custom component. We can totally make this happen however it will take longer than an existing component. Can we use a Select UI instead?
[ ] I'm assuming that this Select component will have 4 states only, open, closed, tracts selected or tribal selected. When the map is first loaded, it will show it being closed with tracts selected?
[ ] implement mobile Select component. The bottom panel is also a custom component. We can totally make this happen however it will take longer than an existing component. Can we use a modal instead?
[ ] i18n
[ ] mobile design / testing
[ ] add layer state to URL so that if someone shares the link with a tribal layer selected, the map should render the same layer selected (enhancement)
[ ] Figure out some way to show smaller areas at low zoom ( e.g. CO, enhancement)
Purpose
Since tribal areas will now be visible on the map, people would expect to interact with them to get information about the areas as they do the census tracts. Having a toggle to control what they want to select seems to be a reasonable solution.
Desktop design
Map Header showing how search should be shortened to allow for
Select
andLayer
(future)Map Header showing
Select
along with Search Geolocate messages:Just the
Select
component expanded:Select
component in Map Header with all possible messaging:Mobile design
Engineering
Select
component. This would be a custom component. We can totally make this happen however it will take longer than an existing component. Can we use a Select UI instead?Select
component will have 4 states only,open
,closed
,tracts selected
ortribal selected
. When the map is first loaded, it will show it beingclosed
withtracts selected
?Select
component. The bottom panel is also a custom component. We can totally make this happen however it will take longer than an existing component. Can we use a modal instead?