search

Himalayan-Academy / khm-virtual-tour

Kaua'i Hindu Monastery Virtual Tour web application
0 stars 0 forks source link

Add a List to Map Page #12

Closed JaiNatha closed 5 years ago

JaiNatha commented 5 years ago

On the Map page we'd like to add a list for larger screens. This would have all the icon's names. When selected they should select the pin. You could stick the list icon up near the other three in the upper right.

We could consider including this on mobile as a drawer of sorts, but if that gets too complicated with the map view, we can push that to a later iteration.

list

soapdog commented 5 years ago

I've added the list on the side. Right now it is not working as expected, clicking an item moves the user to that item page. I made this first because it is easier. I am adding the marker selection now.

soapdog commented 5 years ago

All working.

map - kauai hindu monastery virtual tour - firefox nightly 2018-12-15 16 58 21

JaiNatha commented 5 years ago

The background color isn't working on this list for me. Let's make it an rgba(0,0,0,0.4) or something like that. You could adjust the alpha channel to whatever looks good.

soapdog commented 5 years ago

@JaiNatha see if you like this version better. You might need to refresh to see the new version.

map - kauai hindu monastery virtual tour - firefox nightly 2018-12-19 12 41 59

JaiNatha commented 5 years ago

The items stopped showing up in the list. Maybe it's just for me...

soapdog commented 5 years ago

The JSON for the Palm Corridor was broken and was causing the app to crash. There was an illegal unicode character in it.

soapdog commented 5 years ago

Closing because it was already fixed in the past.