Google Map on listing page completely gray, but not in sticky popup

This topic contains 2 replies, has 2 voices, and was last updated by  Kor 8 years, 11 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #273692

    Leo Bergström
    Free User
    Post count: 1

    Hello
    I am using Version 1.6.8 of the core plugin.

    On a detail page of a listing in the directory, by default there is a map on the right side.
    I have registered and entered the correct API keys, and the Google Maps API loads without issues on the page.

    The map is completely gray, and the symbols on the zoom buttons do not load properly, as you can see in the attatched picture. The sticky map that pops up while scrolling seems to be working as it displays the map.

    I am suspecting an issue with CSS because the symbols of the zoom buttons do not load properly, but I have not been able to figure out what causes it.

    I have read a lot of other posts about gray maps, but none of them had the same problem as me and their solutions have not worked for me, so I am hoping that someone here might have a clue to what is going on.

    Thank you!

    #273716

    Leo Bergström
    Free User
    Post count: 1

    I was able to solve it.
    The issue was that “img” had a max-width and height from somewhere else.
    Setting max-width: none, and height:auto on the are with the maps fixed it.

    #273761

    Kor
    Moderator
    Post count: 16516

    Hi Leo,

    Glad that you sorted it out yourself. Well, let us know if you need anything else.

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

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount