Blank / Greyyed out Google Map

This topic contains 13 replies, has 4 voices, and was last updated by  Jane Shallow 6 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #420541

    sonya farrall
    Expired Member
    Post count: 25

    I have searched the forum to solve this one – but I can’t seem to find anyone with the same issue.

    On listing detail pages in the Map tab the map is greyyed out / blank until you hit refresh. This is is Firefox and Safari.

    Map appears fine in all other places.

    http://babdev.ln1.function44.com/businesses/united-kingdom/staffordshire/newcastle-under-lyme-1/arts-crafts/trent-art/#post_map

    #420569

    Alex Rollin
    Moderator
    Post count: 27815

    Hello!

    I think it has something to do with the DOM error in the console. When the page first loads in Chrome the map is visible, then it looks like it zooms to highest zoom and then the buttons go haywire.

    DOM error

    
    
    
    cb=gapi.loaded_0:164 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://accounts.google.com') does not match the recipient window's origin ('http://babdev.ln1.function44.com').
    

    Let us know what you find when you look into that.

    #420629

    sonya farrall
    Expired Member
    Post count: 25

    Thanks, not 100% sure what I am doing,

    I have been in to the api settings and added http://babdev.ln1.function44.com and *.http://babdev.ln1.function44.com/* but this doesn’t seem to have made a difference.

    Am I missing something obvious, I feel like I am missing something really simple.

    I can’t see where I would change the zoom setting for those maps and all other maps work fine.

    #420697

    Alex Rollin
    Moderator
    Post count: 27815

    I do not think it is a Google Maps issue, it is related to the error mentioned above. It looked like it was related to the social login, using a different API.

    Did you view the error in the console?

    #421234

    sonya farrall
    Expired Member
    Post count: 25

    If I am looking in the right place I have:

    1)
    Failed to execute ‘postMessage’ on ‘DOMWindow’: The target origin provided (‘https://accounts.google.com’) does not match the recipient window’s origin (‘http://babdev.ln1.function44.com’).

    2)
    Error in response to storage.get: SecurityError: Blocked a frame with origin “http://babdev.ln1.function44.com” from accessing a cross-origin frame.

    It makes no sense to me. I can’t think of what is clashing. I have unlinked Analytics from the GD backend. There is no social login on the site that I am aware of.

    I am at a lose, I keep looking at it and I just can’t work it out. To make it worse, when you do open the console window or inspect code window the map shows.

    Any suggestions? All the other maps on the site are fine apart from the map in the tab.

    #421305

    Alex Rollin
    Moderator
    Post count: 27815

    At this time when I hard refresh the site detail page link you provided in Chrome I do not see the error and the map loads fine.

    #421321

    sonya farrall
    Expired Member
    Post count: 25

    Yes, that’s correct. Every time I have refreshed it loads. But if you then go on to another listing the same issue occurs until you hit refresh.

    If you then try and move the map in the tab around you are then faced with a grey map again.

    If you navigate between the listings with the previous and next buttons you will hopefully be able to recreate the issue.

    #421326

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    yes, when I use previous and next, and then the listing loads, then click on the tab, it is only partially loading the map.

    Please reply with site admin details as well as FTP and we will take a closer look.

    Thanks

    #421330

    sonya farrall
    Expired Member
    Post count: 25
    This reply has been marked as private.
    #421385

    Alex Rollin
    Moderator
    Post count: 27815

    Thanks for providing the details; I have flagged this for the developers, thanks for your patience while they look into it.

    #421429

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    My guess is it is some funky CSS in a plugin or theme.
    Can you try disabling plugins and retesting? or maybe try switching theme and retesting.
    The map works when the browser window is resized until its zoomed.

    Stiofan

    #422251

    sonya farrall
    Expired Member
    Post count: 25

    All sorted thanks after quite some digging, it was a setting to ‘Use loading animation image’ that needed disabling.

    Thanks for checking it out for us.

    #422340

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Thanks for letting us know! 🙂

    #422353

    Jane Shallow
    Free User
    Post count: 18

    All sorted thanks after quite some digging, it was a setting to ‘Use loading animation image’ that needed disabling.

    Thanks for checking it out for us.

    Where is this setting located?

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket