terrastories
terrastories copied to clipboard
[Map][React] Add full size / enlarged image mode for marker popups
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.
- Add a button on the photo to signify enlargement
- When clicking on that button, open an overlay or modal that displays a larger version of the photo.
- 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)
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.
@rudokemper can you assign me this issue? I would like to work on it.
Hi @Im-Kunal-13, welcome! I assigned you :)
Hi @Im-Kunal-13 just checking if you still wanted to work on this?