Skip Navigation

[Resolved] Pop up maps module not working

This support ticket is created 4 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 6 replies, has 2 voices.

Last updated by kerimF 4 years, 11 months ago.

Assisted by: Minesh.

Author
Posts
#1496001
toolset2.PNG
toolset.PNG

Hi there!

I'm trying to create a pop-up for the markers on my map. However, it seems like I can't get it to work. When adding the pop-up html and shortcodes, nothing happens when I click on the markers. Can you help me out?

Thanks!

#1496081

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Can you please share the problem URL where I can see the map and view you added?

#1496083

Of course! hidden link

#1496087

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

The issue was you should add the marker_id with a unique ID.

I've changed the marker shortcode as given under where I changed the marker_id attribute as: marker_id='marker-[wpv-post-id]'

[wpv-map-marker map_id='map-2' marker_id='marker-[wpv-post-id]' marker_title='Trainer' marker_field='wpcf-adres']<a href='[wpv-post-url]'>
<div class="postborder" data-url="[wpv-post-url]">
    <div class="postborder-full">
[types field='hoofdfoto' title='%%TITLE%%' alt='%%ALT%%' align='left' size='custom' width='200' height='200' resize='stretch'][/types]
    </div>
    <div class="postborder-padded">
      <h1> [wpv-post-title]</h1>      
     <div class="info">
      <div class="locatie">Werkzaam in<strong><h6> [wpv-post-taxonomy type="locatie"] </h6></strong> </div>
      <div class="categorie"> <strong> <h6> [wpv-post-taxonomy type="categorie-trainer-evenement"]</h6></strong> </div>
      </div>
      <div class="bio" ><h5>[types field='korte-bio-trainer'][/types]</h5> </div>
      <div class="expertise">Expertise <strong><h6> [types field='expertise' separator=', '][/types]</h6></strong> </div>
       
       </div>
    </div>

</a>[/wpv-map-marker]

I can see now popup when I click on the marker. Can you please confirm.

#1496091

It works, thanks! However, I keep on seeing this underneath the map: [/wpv-map-marker]. How can I remove this? And also, my map now has the same height as my search results. How can I make sure I only change the height of the map? I would like it to be square. Thanks a bunch!!

#1496093

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

However, I keep on seeing this underneath the map: [/wpv-map-marker]. How can I remove this?
==>
That has been already removed. Please clear the browser/server cache.

And also, my map now has the same height as my search results. How can I make sure I only change the height of the map? I would like it to be square.
==>
When you try to add the map shortcode, it will open a popup and there you will see the options to adjust the map height and width. Please check the following screenshot: hidden link

#1496095

My issue is resolved now. Thank you!