Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hover effects #6

Closed
wmerrow opened this issue Aug 7, 2017 · 4 comments
Closed

Hover effects #6

wmerrow opened this issue Aug 7, 2017 · 4 comments

Comments

@wmerrow
Copy link

wmerrow commented Aug 7, 2017

At the national view when hovering over a state:

  • tooltip following cursor (currently there, doesn't need changes)
  • dark gray stroke around the hovered state
  • pointer cursor to indicate clickable

At the state view when hovering over a tract:

  • tooltip fixed at right of screen (currently there, doesn't need changes)
  • dark gray stroke around the hovered state
@bsouthga
Copy link
Contributor

bsouthga commented Aug 8, 2017

@wmerrow I've added a basic hover effect -- however there are some performance issues (internal to mapbox: mapbox/mapbox-gl-js#2874) that I will need to spend some time on to make it look better (and make the tract hover usable at all), I probably won't have time to do this tonight.

@wmerrow
Copy link
Author

wmerrow commented Aug 14, 2017

@bsouthga let me know if you think of a different hover effect that would be easier to implement instead of a gray stroke, although I think that would be the best solution from a design perspective.

@bsouthga
Copy link
Contributor

@wmerrow yeah I agree, the issue is pretty general to hovering in mapbox-gl maps with large numbers of polygons (in this case 30k tracts). It looks like there is a possible solution, just need to spend some time tonight investigating.

@bsouthga
Copy link
Contributor

(note for self): mapbox/mapbox-gl-js#5040

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants