Map Does not Display Properly

[powerdesign]

Hello. I am really enjoying your WP Maps Plugin! However, I am running into an issue when trying to use it within a “popup” window on my site. Because the window is set to be “display:none” until a javascript button is clicked to set the window to be “display:block.” Here is the line of code I am using to toggle the display:

jQuery(document).ready(function(){
    jQuery('#hideshow').live('click', function(event) {        
         jQuery('#contact-content').toggle('hide');
    });
    jQuery('#hideshow2').live('click', function(event) {        
         jQuery('#contact-content').toggle('hide');
    });
});

Here is a screengrab of what it appears like:

Is there a way to ensure that the map will load when the page loads, even though it is in a “display:none” div?

Thanks!

[Nick Duncan]

Hi there
The only step your missing is the re-initialization of the map 🙂

In your code above, after you toggle the hide/show, add this line

InitMap(MAP_ID,'all');

Where MAP_ID is the ID of the map

[jonesy]

Hi
I’m having the same issue – the map is in tabs and I followed the troubleshooting instructions but it’s still displaying as above (i.e. a portion of the map displays in top lefthand corner)

any ideas?
thanks

[Author]

Posts