Web - POI Context menu (Photos Gallery / Rows)

[vshcherb]

ToDo part 1

• Initially we need to implement as Android
• Think about displaying Photo on top or redesign top bar for POI Context menu

Implement for testing all new features with backend

• Show Wikimedia Commons photos that depict the Wikidata object (P180) #13926
• https://github.com/osmandapp/OsmAnd/issues/

BUGS missing photos P180/P373/P18

• https://www.wikidata.org/wiki/Q2018731
• select * from wiki.wikiimages where id = 2018731; only 1 visible many other objects also 1

Part

Images in context menu

• Tap on photo should open the same photo in Open photo mode
• Tap Show all, should open Gallery mode

Gallery, Figma

Gallery	Open photo

• Tap back should open context menu
• Tap on photo, switch Gallery to the photo

To do (backend)

• Date / Author / License https://github.com/osmandapp/web-server-config/blob/main/servers/wikidata/download_mediainfo.sh
• Or alternatively make query to Wikimedia (https://commons.wikimedia.org/wiki/File:Siilinkarin_talvikahvio.jpg, https://commons.wikimedia.org/wiki/File:Siilinkarin_talvikahvio.jpg?action=raw)

[alisa911]

OsmAnd/OsmAnd/src/net/osmand/plus/mapcontextmenu/builders/cards/ImageCard.java

Line 423 in ba6a9df

protected List<ImageCard> doInBackground(Void... voids) {

[dmpr0]

Review

Screenshot

• Show selection on selected photo
• Scroll photo list, to show actual position. if possible.
• Image should fill width or height of the frame (less black borders)
• Can we add support to view gallery by clicking on keyboard arrow buttons?

---

• Tap on photo in context menu should open the same photo in Gallery

---

Screenshot

• AppBar should be visible while scrolling

---

Screenshot

• Taping on POI should open context menu. Currently if gallery opens, it doesn't work.

---

• Try to use images with lower resolution. For example New York

• • We load original image https://upload.wikimedia.org/wikipedia/commons/a/a7/StreetfoodNY.jpg
• • Use 1280px width images https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/StreetfoodNY.jpg/1280px-StreetfoodNY.jpg

---

Screenshot

• Blank white screen is show after each switching to OsmAnd Maps tab with opened Gallery.

[dmpr0]

Review

Screenshot

Context menu details	Photos page

• Show click state cursor when hovering on photo

---

Screenshot

• Metada

---

Screenshot

• Show Description for photos. Example https://commons.wikimedia.org/wiki/File:Secretary_Blinken_Travels_to_Ukraine.jpg?width=1280
• Always show all 4 lines for photo info, to prevent photo size jumping

[alisa911]

Adding descriptions to photos will involve mandatory parsing of data by link for each picture (query to wikimedia). There are 46 million pictures in total, and now almost 9 use pre-parsed data from latest-mediainfo.json.bz2. This speeds up work with the gallery a little.