Geolocation board view - Githubissues

crisisboard / opencrisisboard

OpenCrisisBoard (OCB) is an open-source, self-hosted communications board where communities can organize around local information

https://opencrisisboard.org/

MIT License

48 stars 17 forks source link

Geolocation board view #21

Closed PimDeWitte closed 4 years ago

PimDeWitte commented 4 years ago

As a user, you should be able to view a board from a text-first approach and a map-first approach for different use cases. For instance, if you are on a board focused on delivery grocery to elderly, you will want to see where these requests originate from before you scroll through all the requests.

We're suggesting a UX similar to airbnb - although we have no direct UX mockups at this time. Ideas welcome.

EdenCoder commented 4 years ago

I'll finish this one up

EdenCoder commented 4 years ago

Also show the bar for geolocation even if browser geolocation is available

PimDeWitte commented 4 years ago

asaki444 commented 4 years ago

@PimDeWitte @EdenCoder for this, upon loading the page, there should be tickers on the map to show where each request is? And the left should display the information about these requests?

Should the top also have a filter by time/date of request as well?

aPruner commented 4 years ago

Just in case people are busy, and since this is a demo-critical feature, I'll have a go at this one in parallel with whoever else is curerently working on it :)

EdenCoder commented 4 years ago

@aPruner this would be perfect if you can, I've been under the gun with a bunch of other work recently.

EdenCoder commented 4 years ago

@aPruner will be taking over this one for now

aPruner commented 4 years ago

POC is done and the full PR is coming soon! Here's a screenshot of the feature in action (can upload a video if necessary):

NOTE: this is a very tricky feature UX-wise, as there are so many elements that I still need to add to it such as:

Pre-centering the map (do it based on user-location, or based on areas where posts are dense?, I think user-location is fine for now, so that's what I plan on doing)
Disabling the map view on mobile browsers (and adding some other way to access it on mobile)
Adding a map toggle (also determining the behaviour of this toggle on mobile)
Determining what information in the tooltip is necessary (for now, the discussion title, link to the discussion, and author I think should be good enough)
Colouring the map Pin (or Marker) and tooltip accordingly so it contrasts enough from the background of the map (or changing the map colour itself)

aPruner commented 4 years ago

Completed and merged in PR #31