terrastories icon indicating copy to clipboard operation
terrastories copied to clipboard

[Map][React] Add full size / enlarged image mode for marker popups

Open rudokemper opened this issue 2 years ago • 3 comments

Currently, we display Place photos in a marker pop up as a regular IMG tag.

Let's add some functionality that allows us to view an enlarged version of the photo.

  1. Add a button on the photo to signify enlargement
  2. When clicking on that button, open an overlay or modal that displays a larger version of the photo.
  3. Overlay / modal must be closed before interacting with the rest of the application.

Possible inspo: how Mapeo Web maps does this as can be seen here: http://wapichanao.communitylands.org/static-maps (repo link: https://github.com/digidem/mapeo-webmaps-public)

rudokemper avatar Sep 29 '22 19:09 rudokemper

In the same stroke, once we have this full size mode for marker popups built, we could truncate the text in popups at a reasonable quantity of characters.

image

rudokemper avatar Sep 29 '22 22:09 rudokemper

@rudokemper can you assign me this issue? I would like to work on it.

Im-Kunal-13 avatar Oct 01 '22 09:10 Im-Kunal-13

Hi @Im-Kunal-13, welcome! I assigned you :)

rudokemper avatar Oct 01 '22 13:10 rudokemper

Hi @Im-Kunal-13 just checking if you still wanted to work on this?

rudokemper avatar Oct 24 '22 14:10 rudokemper