Topic Tag: Toolset Maps

Problem: I would like to be able to access marker information using JavaScript.

Solution: You can access all the Marker objects in JavaScript here:

They are organized by map ID and marker ID.

You can also add event listeners that respond to marker clicks. See the example "Using Closures in Event Listeners" in the documentation below. If you add a click handler to the Markers, then inside the callback you can access the marker ID. You could use that ID to show and hide other content on the page. For example if the marker ID is 'marker123', then you could add a CSS class "marker123" to some div in the second View. When the marker is clicked, hide all the other content in the second View, and show div.marker123

Relevant Documentation:
https://developers.google.com/maps/documentation/javascript/events

Problem:

In map shortcode [wpv-map-render], I need is to make use of the " fitbounds="on" " attribute (to center the map and show all markers at once) combined with "general_zoom" to zoom out at will.

Solution:

There isn't such a built-in feature within Toolset Maps plugin:

https://toolset.com/forums/topic/map-adjust-automatically-to-show-all-markers-at-once-with-initial-zoom/#post-1214552

Relevant Documentation: