I have created a new view, which displays Sports Friendly Accommodation Providers from the clients membership and also displays their location on a Google map, using a custom marker.
When you hover over the marker, a 'hint' appears with the members title field. So far all good 🙂
However to access the member you must click on the marker, which then displays the Pop-Up content bubble with the Memebrs title displayed again, along with a 'Read More', which does now link to the members profile.
How can we make the custom marker the link? As the client doesn't need anymore information displayed, just a click through to the members profile.
To access the site first go to this URL, which will get you around the 'Coming Soon' screen - hidden link
Then to display the View with search go to
hidden link
So, to clarify, we just want the custom marker to be the link to the members profile post. The hint will be sufficient to display the content for the marker.
Cheers Adrian
Hello, there isn't currently a built-in feature that will allow you to link directly to a post by clicking a map marker. Toolset's map markers are configured to open pop-up info windows that contain some content, not act as direct links. That's the user interface behavior on Google Maps, and we follow that standard. The simplest solution is as you've already described, to place the link in the popup and allow your Users to click through to that content. You can also include direct text links in the View results, outside the map, using a Single Field block or something similar to insert those text links in the View results.
To bypass the standard functionality of map markers and create direct links from each marker, you would need some custom programming using JavaScript APIs. We don't offer much support for this feature because it's an advanced customization. With that being said, you can access the Map Marker objects in JavaScript at
WPViews.view_addon_maps.markers['yourMapID']
Then assign event-handling code to those markers. You can find event handling documentation for the Google Maps APIs in JavaScript here:
https://developers.google.com/maps/documentation/javascript/examples/event-simple
Hi Christian
Thanks for coming back to me so quickly, which is very much appreciated, and glad to learn I hadn't missed anything. I will just explain to the client that we are following 'the user interface behavior on Google Maps, and we follow that standard' and if they want anything extra, we can revisit once the site is launched.
Kind regards
Ade
My issue is resolved now. Thank you!
