Improve UX for simple "here's the location" use case

[orblivion]

The use case in question (which I tried IRL): I have a party invitation. I have a map I share to anyone invited. It should have my address. It should point to other useful things like parking options, train and bus locations, etc, but the main location should be obvious and easy to point to.

This is basically the same use case of Meetup.com. Meetup shows an address, a picture of the map, and you can click on the picture to get to it on Google Maps. I want to offer the same facility without Google Maps. My pattern for now is a little different, since all of the info is at the link. We'll see if I can get away with that.

Right now there are a few problems:

• Users don't know what the bookmarks menu is.
• It's fully zoomed out, they have to try out every bookmark to find the right one.

Fixing this use case would probably improve things for the general case. In cases that I think it won't be a universal improvement, I'll try to make it an option.

This is a mega-issue; I could split a lot of these out into separate issues.

---

• Take up a portion of the bottom of the screen to be the new bookmarks list for mobile. That way people can't miss what I'm pointing them to.

• Put the export button there as well. Maybe make it an Organic Maps logo? I dunno.

• The popups might get in the way in general. Maybe we shouldn't show them for mobile? Maybe just use that lower portion where bookmark list otherwise is?

• I want to be able to order bookmarks so "my apartment" is first in the list.

• I want to add a description field so that I don't have to cram both "my apartment" and the address into the title.

• Maybe there can be some sort of "map description" that points out the purpose of the given map. In this case "my place, parking options". Maybe make it part of the help menu text? Or a separate button with popup. Of course, nobody is going to click it so 🤷

• Give download-permission users the option of having the map begin focused on the first bookmark on page load, instead of zooming to fit all bookmarks. And that bookmark should be automatically highlighted (though not selected? Because I want them to see the list of bookmarks on first load). That way they don't get confused about which bookmark is the "important" one. The reason this would be an option is that there are other use cases that may benefit from starting zoomed out showing all of the bookmarks.

• The tooltips should maybe just always be there. Though if they overlap that's bad?

• Maybe the marker should be highlighted if the popup is selected.