Marker, InfoWindow and Shadow not rendering correctly in Google Maps Javascript API?

Question

I copied the Google Maps AutoComplete JS example from the demo here:

Places Map AutoComplete Demo

Everything works great except for rendering the infowindow and shadow. I can't figure out why. At first I thought it was because of I manually set the max width of my map, but it still renders incorrectly when I turn off all my CSS rules.

Here is an example from my client-side code:

Here is a screenshot from the demo

Any ideas?

Thanks! ~Dan

@thoughtpunch

Answer 1

Had the same problem, debugging revealed the problem to be with the following CSS snippet:

img { max-width:100% }

Removing/constraining the rule fixed it.