Display map layer contributors

[oliviasculley]

Similar to hackgvl/OpenData#54, it would be nice to display credits for the maintainers of the map layers when they are loaded.

This could also be expanded into a mechanism to contribute as described in #10

[ThorntonMatthewD]

Is the idea for information be displayed for each active layer?

[oliviasculley]

I think so, but the specifics of how can be up to you 😄

[ThorntonMatthewD]

I think the built-in "attribution bar" could get really busy if more than just one set of markers is active at one time, and we are displayed maintainer/contribution links for all of them. I like the idea of using this element to make a call out to hg-labs and the How to Contribute page, though.

[ThorntonMatthewD]

I'm still getting my bearings with Vue and Tailwind, but this is a prototype of what I've been envisioning:

contributors-popup.mp4

I'd appreciate any feedback anyone may have on this. I'm still working on the finer points around the styling, but I think the overall picture is there.

Edit:

Here it is on the mobile view.

contributors-popup-mobile.mp4

[oliviasculley]

This looks fantastic! I think the only catch with this solution is making sure that it is accessible with screen readers and such, but for now we can just get this implemented, and then work on fixing any accessibility warnings that appear when viewing it in chrome or firefox, and then maybe adding better accessibility checks/tests to the CI pipeline like in #18. But all of this is outside of the scope of this issue. I'm really excited for this PR 😄

[ThorntonMatthewD]

Thank you so much! I do have a few aria labels to add to some elements to get the accessibility score back up. I'll make sure that's all polished before I submit this for review.