[Resuelto] Map with parametric search and results

[Autor]

Mensajes

[Charles]

Support,

I am trying to modify map results. What's the best way to go about creating a page like this: (enlace oculto) which has a map on the left and the results on the right?

I've found this thread (https://toolset.com/forums/topic/parametric-search-with-map/), but it doesn't offer much guidance in regards to displaying results on the left side of the screen, as seen in the video on the first post.

My current map: enlace oculto

Thank you,
Chuck

[Christian Cox]

Hi, this is a complex interface with lots of custom interaction, and a lot of it cannot be accomplished in Views without custom code. For example, when you hover over the list of results, the corresponding map marker is opened up on the map. When you view the map on a mobile device, the list and map are split up into separate screens. Those parts of the functionality and design aren't things I can help you with here in the forums.

On the other hand, if you arrange the design of your page so that results appear in a vertical list and the map appears beside that list, I can offer some assistance to insert your map and results into this framework. I can also help you set up your list of results to include a "focus on this map marker" link for each result, which will zoom the map into a specific marker and show the marker popup, when the user clicks the link.

Let me know if the more basic implementation is something you want to pursue, and I will offer any assistance I can that is directly related to Toolset.

[Charles]

Christian,

Here's where I'm add: enlace oculto

Need to have list items highlight when their marker is hovered over/selected. Is this possible?

Also, I need to the list results container height to match the maps height and have a scroll feature to view more results with pagination at the end. Is this also possible? Maps height is currently 50vh.

Thanks,
Chuck

[Charles]

For reference, this is what I am trying to emulate: enlace oculto

Thanks,
Chuck

[Charles]

Also, in your original reply you mentioned this not working on mobile. No worries, this is going to be disabled for mobile and act as my featured desktop layout.

Thanks,
Chuck

[Christian Cox]

Need to have list items highlight when their marker is hovered over/selected. Is this possible?
This type of interaction isn't provided by Views and Maps, so it will require custom JavaScript.

Also, I need to the list results container height to match the maps height
Views and Maps aren't intended to help with this type of UI control. You will be responsible for making the map and list heights match up, and basically everything needed for a working HTML version of the page. The results can be hard-coded, but the page design must be implemented completely.

...and have a scroll feature to view more results with pagination at the end.
Pagination of results is supported and provided by Views, and can be set up as an AJAX update or a page refresh. Your list of results would update as well as the markers shown on the map. You can see an example of this on our Real Estate demo site at discover-wp.com. When you select all states in the search filter, the results will be paginated.

I'm not sure I understand what you mean by having a scroll feature. Could you clarify?

[Charles]

Thanks. I've decided to forgo this view as it's to difficult to work with and I have other views to supplement.

Best,
Chuck