Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DESIGN] Integrate Map with Search #1002

Open
jesicarson opened this issue Nov 17, 2020 · 7 comments
Open

[DESIGN] Integrate Map with Search #1002

jesicarson opened this issue Nov 17, 2020 · 7 comments

Comments

@jesicarson
Copy link
Member

jesicarson commented Nov 17, 2020

A few screenshots of a map overlay + filters from toyota.com (the map slides out from the right in this example). This isn't necessarily ideal, but will keep an eye out for other precedents.

Screen Shot 2020-11-16 at 4 05 13 PM

Screen Shot 2020-11-16 at 4 06 02 PM

@jesicarson
Copy link
Member Author

the obvious...

Screen Shot 2020-11-16 at 4 32 19 PM

Screen Shot 2020-11-16 at 4 32 40 PM

Screen Shot 2020-11-16 at 4 33 19 PM

Screen Shot 2020-11-16 at 4 33 38 PM

@jesicarson
Copy link
Member Author

Screen Shot 2020-11-16 at 4 35 50 PM

Screen Shot 2020-11-16 at 4 36 21 PM

Screen Shot 2020-11-16 at 4 38 21 PM

@jesicarson
Copy link
Member Author

@jesicarson
Copy link
Member Author

mobile version

Screen Shot 2020-11-16 at 4 46 09 PM

Screen Shot 2020-11-16 at 4 45 55 PM

@jesicarson jesicarson added this to to be prioritized in participedia weekly project Nov 30, 2020
@ascott ascott removed this from to be prioritized in participedia weekly project Dec 1, 2020
@jesicarson
Copy link
Member Author

Another Map example: https://direct-democracy-navigator.org/

Screenshot 2023-07-26 at 11 54 08 AM

Screenshot 2023-07-26 at 11 54 20 AM

@jesicarson
Copy link
Member Author

same organization does a datavis page using filters @paninee check this out: https://direct-democracy-navigator.org/legal-design-filter

Screenshot 2023-07-26 at 11 56 13 AM
Screenshot 2023-07-26 at 11 56 09 AM
Screenshot 2023-07-26 at 11 56 21 AM

@paninee
Copy link
Collaborator

paninee commented Sep 7, 2023

Design Decisions with @jesicarson

  • Hide the Methods and Collections
  • Add a map view choice in the top right corner along with other view choices
  • white frame around the map
  • allow the user to go full-screen with a full-screen icon button on the top right of the map
  • the pins should show according to the search/filter. We should already have this code somewhere. Our current map used to work like that.
  • the user's interaction on the map should be the same as our existing map at the bottom of the home page

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants