Forum: Bug Reports

This forum is closed for new topics. However, you can still search for a solution in the old topics. For technical support and general questions related to GEO my WP plugin and its core add-ons please use the support forum.

[Resolved]Map won't show on hidden tab

Forums Bug Reports Map won't show on hidden tab

Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #50104
    givo
    Member

    The map won’t load inside of a hidden tab. It seems to be an issue when calling the google map as mentioned here: http://stackoverflow.com/questions/4064275/how-to-deal-with-google-map-inside-of-a-hidden-div-updated-picture

    The idea is to have two tabs in the landing page. The first tab shows static content and the second tab shows the jobs list with the map. The problem is that the job list loads fine but the map is empty. However, if the second tab is open by the user quickly before the job list loads, the map shows up fine.

    Some tutorials recommend simple solutions but I’d prefer to have your opinion to fix the issue.

    Thanks,

    Attachments:
    You must be logged in to view attached files.
    #50136

    Hi Givo,
    Try the steps below:
    1) Give the map a unique ID by adding the shortcde attribute gjm_element_id=”10″ ( change the value 10 to anything else as you wish ) to the [jobs] shortcode.

    2) add the script below to the functions.php file of your theme and change the value 10 in mapId = 10; to the element ID you set above and change “#tab” in jQuery( ‘#tab’ ) to the ID tag of the tab that you use:

    Give this a try and let me know if it works.

    #50146
    givo
    Member

    Thank you! It worked 🙂

    However, the same problem is happening with the resumes map (Resumes Manager GeoLocation add-on). I tried following the same instructions, replacing “gjm_” with “grm_” but didn’t work.

    Can you please point me in the right direction to solve the issue with the resumes map too?

    Regards

    Attachments:
    You must be logged in to view attached files.
    #50284

    You are welcome.

    Try the script below:

    You need to set different element ID's for both jobs and resumes. For example, gjm_element_id="1" in the [jobs] shortcode and grm_element_id="2" for [resumes].

    Then, the only values, in the script above, that you need to change based on your needs are the first 4 top values:

    Let me know if that helps.

    #50353
    givo
    Member

    Thanks but unfortunately it didn’t work. Even the jobs map won’t show inside the tab after adding the script.

    The first solution worked fine to show up the jobs map inside the tab. Can you please suggest a similar solution for the resumes map (separately) it may work better.

    Cheers

    #50389

    The script should work if you set the values properly. I have it working on my test site.

    Please post here the script you placed in your functions.php file after the changes you made and a link to the live site if possible.

    Thanks,

    #52306

    This topic marked “Resolved” due to inactivity. If you wish to reply to this topic please change its status to “Not resolved”  before replying.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.