So the strangest thing is happening since I moved my client’s site to a new server. Everything seems to be fine, except one of my clients ACF Google maps is rendering without the Map background IE, the marker loads and renders fine on a grey background. If echo out the location coordinates, they’re present and accurate – the map functionality is rendering as the various tools are there, but there’s just no background.
To further mystify me, i use the same mapping functionality on another page on the site, and it renders fine. It could be template oriented but i’ve tested stripping out all extra content as well, and still no luck. There are no error messages in console as well.
Has anyone run into this or a similar issue? I’m stumped.
I’m having the same issue from a few days. The marker loads and appears, but map is gray. Google map images won’t load. No error message in console or in debug log.
To give some further info on my issue:
The same functionality working on the live site http://www.richarderdman.com/collections-map/
The same functionality (minus the multiple locations, but calls the same acf js) with map bg NOT working (but note, marker functionality works fine still.)
http://www.richarderdman.com/sculpture/grande-eleos/
scroll down to “Sculpture Location”
Ok, after many tries I think I’ve found a solution, I’m not sure if it’s the final solution, but it seems to works.
The problem is a possible css declaration relative to the img tag. In my case I’ve this css style that breaks the map:
.entry-content img {
max-width:100%;
}
The solution is to ovveride the style using, for example this declaration:
.acf-map img {
max-width:inherit !important;
}
Please try and let me know if it works for you. Thanks in advance.
Wow. There it is. I was really stumped and it’s just a simple CSS img width bug. Thanks so much!
So after months of working, this just started happening to me as well. This solution absolutely worked for me too. Thanks @virgodesign!
Hi guys
Thanks for the issue / solution.
I’ve just added this CSS to the docs:
http://www.advancedcustomfields.com/resources/google-map/
The topic ‘ACF Map no background (grey)’ is closed to new replies.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Privacy Policy. If you continue to use this site, you consent to our use of cookies.