Enable click/hover on a crag drop pin and label

OpenBeta / open-tacos

Rock climbing route catalog (openbeta.io)

https://openbeta.io

GNU Affero General Public License v3.0

110 stars 111 forks source link

Enable click/hover on a crag drop pin and label #1076

Closed vnugent closed 5 months ago

vnugent commented 5 months ago

What would you like to be able to do? Please describe. As a user/contributor I want to click on a crag on the map to learn more about it and navigate to it.

How important is this to you (Please pick one)

Important

todo

[x] Display neighbor crags (https://github.com/OpenBeta/openbeta-graphql/issues/377)
[x] Show crag info on click/hover (#1076)

vnugent commented 5 months ago

You can click on any of the square icons (boulder/crag/area) to see more info. Will deal with mobile layout in a follow up PR. We should promote the map to a top level page where users can explore pan/zoom and jump on a page.

musoke commented 5 months ago

The clickable map is nice. It would be more obviously available if there was a tooltip or change in the pointer on hover.

vnugent commented 5 months ago

@musoke PR #1081 makes it more obvious what you can click on. Crag group boundaries are highlighted on hover and clickable.

Once backend issue https://github.com/OpenBeta/openbeta-graphql/issues/383 is done, we can display area description on the panel/tooltip. Future PRs can address rich content, ex: discipline breakdown, photos, etc.

musoke commented 5 months ago

@vnugent , this is great!