[Resolved] Open/Close Popup on Focus

[Author]

Posts

[Monetizer]

I am using dynamic positioning and it works just fine. (Thank you for the solution on one of the threads)

The only issue is, I want the popup of the map to be shown when I click on focus on the marker link.

Secondly, I want the previous popup to be closed once I focus on another marker.

Any help would be appreciated.

Thanks

[Beda]

Can you elaborate how things should Work?

A marker pop up is triggered by click on the marker.

This is the supported way and other events woudl require Custom Code.

Can you elaborate what you mean by "I want the popup of the map to be shown when I click on focus on the marker link."?

[Monetizer]

Hi Beda,

Sorry for the vague description.

I applied the code from the following topic to focus on the market when a link on the page is clicked:
https://toolset.com/forums/topic/dynamic-map-positionning-with-google-map/

Here is the video:
hidden link

Now the issue is, I want the marker pop-up to trigger when that particular marker is focused (based on the guide and video above).

Look forward to hearing from you.

Thanks

[Luo Yang]

Dear Monetizer,

You can try this, edit the focus link, add a CSS class .js-toolset-maps-open-infowindow-map-[map-ID]-marker-[maker-ID], for example:
Your map ID is "map-1", and the maker ID is "marker-[wpv-post-id]", the setup the focus link as below:

<a href="#" class="js-wpv-addon-maps-focus-map js-toolset-maps-open-infowindow-map-map-1-marker-marker-[wpv-post-id]" data-map="map-1" data-marker="marker-[wpv-post-id]">locate [wpv-post-title]</a>

And test again.

[Monetizer]

Works like a charm, thank you so much 🙂