Improve muni markers

[noamoss]

Improve muni-markers:

• add background opacity
• thinner border
• relative font-size (adjust by viewport)
• change text to display on hover and set z-index to enable user to see it
• extend clickability to the entire muni marker border

[niryariv]

@noamoss

(adding a screenshot, to make the discussion clearer):

it's an interesting solution and we might end up adopting it - perhaps with an OpenTABA icon instead the generic house one.

I'm concerned it might not be immediately obvious to all users though that these icons mean there's an opentaba app for these areas.

another solution might be to keep the full text in the marker, but use a "spiderifier", ie:

There's a Leaflet plugin for this, but we need to find a way for it to display markers spiderified by default rather just once the user clicked one. do you want to give this a go?

[noamoss]

@niryariv

...perhaps with an OpenTABA icon instead the generic house one.

It can be done, as long as we keep the border without a background (transparent). Otherwise it will reproduce one of the current errors: when user cannot know/see/reach one out of 2-3 close muni markers. You can send me the file or change by yourself to try it.

I'm concerned it might not be immediately obvious to all users though that these icons mean there's an opentaba app for these areas.

1. Maybe but I think that even for a meanwhile, it is much better than the current situation.
2. There is a simple way to check: let's look at 2-3 users who are not familiar with the project, start in one city, and ask them to go to another city. My guess is that it will be useful to most of the people.

another solution might be to keep the full text in the marker...another solution might be to keep the full text in the marker, but use a "spiderifier"...we need to find a way for it to display markers spiderified by default rather just once the user clicked one

There must be a balance between visual and function here: I think that adding more text to the map, that already consists textual names, is too much (visually). That's why I chose to display only the icon. On the other hand, I think we should prevent user's effort as much as possible when moving from one site to another (that's why I chose to expose the text with hover).

That's why I am sure it is a good idea to keep it spiderfied by default. In addition, it will probably distort the display when users change the scale (i.e. makers will appear in a very different location from their place). What do you think?