11 Jul
2019
11 Jul
'19
3:09 p.m.
Fawad,
As a user, I like the Airbnb map experience with
popups on top of the markers, what about you?
That is much like the default view of popups in Leaflet. This kind of popup supports very
little information, that's why I made a dedicated space for popups. However, we could
go with your suggestion of "view more". We could either open the parent page
with "view more" or fill the search widget as you suggested. I would go with
displaying more information in the search widget. Is that fine with you?
I would say that typical users will want to choose between displaying information in a
popup or over the search results panel, depending on the user experience they prefer and
the amount of information they want to display. Typically, Google Maps and the Airbnb map
have two different approaches with this respect, and it would be a plus imho to implement
the two. Airbnb maps display popups, they are small indeed, but the image slider lets the
user obtain a significant amount of information. For displaying more information like
hotel schedule, ratings, comments, it's clear that a bigger panel is useful, like what
Google Maps is proposing.
I would go for small popups to start with (version 1.0), with a link to the underlying
XWiki page indeed. Later on, if time permits depending on the priorities we decide, we
could implement 1) a dynamic "more information widget" that enlarges the popup
dynamically, 2) a different interaction mechanism that is similar to the Google Maps one.
Let's add these features as issues in Jira and refine the roadmap while defining the
upcoming versions, what do you think?
Along this line, another improvement (you probably
have it in mind) would be to introduce one or several dedicated sheets for such contextual
information so that it can get easily customized by users with development skills.
I do not think this is required. If a developer wants a custom display for the popup
information, he can create a class sheet and make pages with that sheet and it will become
a map item after adding location object to the page.
It will become a map item indeed, however, let's look closer at what Airbnb is
proposing: they typically manage three sheets:
- One for the item page when displayed individually, for example:
https://up1.xwikisas.com/#0EcYpY5TQvlCAKuWP3AYIw
- One for displaying the item in a list: https://up1.xwikisas.com/#yYiN8KfeKuy1BqibkgSkAA
- One for displaying the same item in a popup: same link, right side
A customized class sheet would typically get used for the first display as you envision
it, but for the two others, which would be useful for advanced maps imho, I was
considering we could implement a built-in mechanism allowing easy customization.
Ok, we need to investigate this. I have a
preliminary question about this feature: how come that the URL does not reflect the mode
status when hitting the full screen button the first time? I mean, if I'm not
mistaken, when hitting the button before running any search, the URL remains unchanged,
while the user may want to use that URL to share the map in full screen as is, or to embed
it in full screen in a iframe, so shouldn't this parameter be present? Is there any
difficulty with that? Wouldn't the facet widget reuse that URL afterwards? Sorry for
any possible misunderstanding on my end.
I did not go with this flow because of better performance since a separate async request
will be made for change in each state. What I am doing now is that I take the map state on
search or other events that reload the map asynchronously.Thanks for your suggestion
Stephane. I could update the page by observing a change in each state. This is a little
slow because the map will have to be reloaded for each state but still a good option.
Ok great, looking forward to testing the new version
Cheers
Stéphane