Grey box after resizing map

  • Resolved Tenmanufuku

    (@tenmanufuku)


    9 years ago

    Hello, I really like you plugin, I feel it will save a lot of my time. My issue es, I installed and created the locations on the map and it looks and works when I dont change the width of the map. When I change it though, to 100% it does not display the map, just a grey box.

    I am currently working in a localhost, so I wont be able to send any links, any help will be welcome

    https://www.ads-software.com/plugins/google-maps-builder/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Matt Cromwell

    (@webdevmattcrom)

    Hi there,

    Thanks for your kind words of support for our plugin.

    That issue is common with Google Maps. You’ll have to trigger a map refresh based on whatever trigger is resizing the div. Here’s just a sample JS solution:

    jQuery( '.ui-accordion-header' ).on( 'click', function ( e ) {
                        var panel = jQuery( '.ui-accordion-content-active' ).find( '.google-maps-builder' );
                        window.google_maps_builder_load(panel);
                } );

    Thanks!

    Thread Starter Tenmanufuku

    (@tenmanufuku)

    Hello, sorry for the delay. I dont fully understand what it is that I need to do, can you be more specific please.

    Thanks for the quick response

    Plugin Author Matt Cromwell

    (@webdevmattcrom)

    That code example forces the map to be refreshed when the element that the map is contain in is resized. Since I can’t see your site I don’t know what causes your container element to be resized so I can’t tell you what trigger to enter there. But the point is that the map refresh has to be triggered by jQuery so that Google Maps knows to refresh all the map images.

    Without seeing your site and the problem live I can’t be more specific than that unfortunately.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Grey box after resizing map’ is closed to new replies.