Troubles trying to integrate Custom Google Maps API Integration

I’m trying to embed a custom google map (we need a KML layer and this seemed easier than trying to find a plugin or use the existing maps plugin), anyway when I place the code in the custom HTML block the map doesn’t seem to work like it should. http://screencast.com/t/w7WnwK3d half of it missing and parts of it become distorted depending on your zoom level. The map works fine in jsfiddle https://jsfiddle.net/7gauytkr/ and when also when coded into a page template, but never inside page builder. Do you have any idea what might be causing this to happen and/or is there a work around I could employ to get this working inside the page builder? I’ve tried using a custom shortcode and also developing a custom module to see if that could bypass the issue, neither have worked.

Any help is appreciated. Thanks!

Hey Nic,

Sorry, but would it be possible for you to share with us the URL of the site where you have embedded the map so we can take a closer look?

Jun

[Content Hidden]

Hi Nic,

We’ve found the cause of the issue and it was a tricky one to find! :smiley:

If you add the following CSS, it should resolve your issue.

#map img {
  max-width:none;
}

Thanks,
Danny

Sweet! Thank you, that absolutely did the trick!

No problem, Nic. Happy to hear your issue has been resolved.

Thanks,
Danny