Syncing a list & a Google map

Dan

I need to get an AirBnB type of feature that shows on one single layout:

A search form for a 'City' BO,
A list as a results for a query (some default one, then the results of the search form),
A map with multiple pins showing the results of the same query as the above (i.e. a pin on each retrieved City).
Moreover:
The list&map couple must be refreshed alltogether whenever user clicks the paging bar in the list footer, or performs a new search.
Ideally, the pins on the map get bigger (or change color,etc.) when user hovers over each item in the list, so user can locate the item right on the map.

I bet AwareIM can allow me to achieve most of this, but I have not been able to figure out exactly how, so far.
For now, I have:

created a presentation in the City BO comprised of a full google map,
defined a query that uses this presentation (FIND ALL City),
created a search form in the City BO,
defined a Query that shows the list of Cities (FIND ALL City) with the form above selected in the Use Form dropdown,
configured a 3-part layout in my VP: the form + the 2 Queries ('Run Query').

Based on all of this, when the VP loads up, I can see the form, the first 20 (default) results in the list, the first 20 (default) results on the map, but then obviously the map is not synced with the list when clicking Next on the list paging bar or doing a new search.

So I guess there is, hopefully, a way to sync the 2 queries or re-display the whole layout with the selected range of items selected in the paging bar or retrieved from a new search.
Besides, I am not sure there is any way, from within AwareIM to change the aspect of the pin when hovering over the corresponding item in the list.

Does anyone have some thought on how I could achieve this feature somehow?

Thanks.

customaware

Hi Dan,

I have never played around with Google maps so can't help you there at all but you mentioned in your post about syncing two queries.

Not sure if this will help you at all but hopefully there might be something here that can give you a leg up.

This is a demo of two queries (Parent and Child) that are side by side and synced. As you either click to select a Parent or arrow up and down
through the Parents, the Child records for that select Parent are displayed.

Of course.... although these are side by side, you could also move their configuration to whatever you want in the VP.

It is self populating for demo data.

Hope it helps.

Twin.zip

35.97kB

Dan

Hi Mark,

Thanks alot for your bsv! I can see that the Parents/Children queries are linked by means of a click from user on a Parent instance that triggers the reloading of the Children layout onto the other half of the VP, showing the corresponding Children. I found it very useful and I have tried to get something out of it that might solve my problem.

On AirBnB, the (apparently) simultaneous reload of both the list and the map is triggered either by a new search in the list or by some user action in the list paging bar.

At this time, there is no problem displaying the list (or the map) from the search form.
But, I still cannot figure out how to, based on a single search form and without user clicking on any instance:

get 2 automatically refreshed queries, on 2 different panels of the same VP,
or else have a change in a query A trigger the same change in a dependent query B on a different panel of the same VP.

Any additional piece of information that could point me to the right direction would be greatly appreciated!

Thanks.

customaware

Dan,

Have you had a look and tried setting the refresh properties in the form?

That provides a good range of options for automatically updating various elements on a form.

Also, if you could provide a screenshot with some annotation of what you are trying to achieve it would be helpful.