[Resolved] Display a list of items visible on a map

[Author]

Posts

[glenn]

Tell us what you are trying to do?
Display a list of items visible on a map. Because of the amount of items on the map i would only like to display the items visible in a specific zoom level of the map. Is it possible to filter the list below the map to only show items that have markers on the current zoom level.

Is there any documentation that you are following?
https://toolset.com/documentation/user-guides/maps-shortcodes/

Is there a similar example that we can see?
Not exactly what i mean but this might give you an idea:
hidden link

On this site it works the other way around, if i select a category only those items belonging to the category will show in the list an d on the map.

What is the link to your site?
hidden link

[Christian Cox]

Hi, I think I understand. Like when I search for a restaurant on Google Maps, then move the map. I can see a message "Search within this area", and if I click that only the visible markers would appear in the list of results. Unfortunately this type of search does not exist in Toolset Maps. You could probably accomplish something similar with custom JavaScript code. You would create a View that includes all the results, and place all the markers on the map. Then use map.getBounds() to determine the boundaries of the map, and inspect each marker to see if it's within the bounds. Here's an example:
https://jsfiddle.net/glafarge/mbuLw/

Then you can turn on or turn off the corresponding results with CSS.

You can find the map objects here:

WPViews.view_addon_maps.maps

You can find the marker objects here:

WPViews.view_addon_maps.markers

Info about changing map settings programmatically:
https://toolset.com/documentation/user-guides/programmatically-change-map-settings/

A screenshot here shows the map event hooks available for attaching your own custom code. If you'd like to see this type of search filter added to maps, feel free to submit a feature request here:
https://toolset.com/home/contact-us/suggest-a-new-feature-for-toolset/