CODEWITHSUNDEEP
google-mapsgoogle-maps-api-3google-maps-markers
thoughtpunch
thoughtpunch

Reputation: 1937

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

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:

enter image description here

Here is a screenshot from the demo

enter image description here

Any ideas?

Thanks! ~Dan

@thoughtpunch

Upvotes: 7

Views: 2878

Answers (1)

ptrn
ptrn

Reputation: 5202

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.

Upvotes: 15

Related Questions