2

My website use google maps and display popup (InfoWindow) when clicking on markers. I don't know why and since when, but actually the popup background is transparent.

Can anyone help me understand?

UPDATE after good answer of Dr.Molle

Wrong code :

var infoWindow = new google.maps.InfoWindow({maxWidth: '500px'}), mapsMarker, i;

Good code :

var infoWindow = new google.maps.InfoWindow({maxWidth: '500'}), mapsMarker, i;
fabien-michel
  • 1,873
  • 19
  • 38
  • Can you add code to your question that demonstrates the problem, not just linking to an external site. – duncan Jun 10 '15 at 16:10
  • try setting opacity of infobox to 1. – so_jin_ee Jun 10 '15 at 16:18
  • you have to define a background-color. may be style of infow-window gets affected by other defined classes. you could also use [infobubble](http://stackoverflow.com/questions/5634991/styling-google-maps-infowindow) but nowadays there is a ton of different info-window libs. – Blauharley Jun 10 '15 at 16:40

1 Answers1

3

The source of the issue seems to be the maxWidth - setting of the InfoWindow. The API expects a number, but you provide a string 500px. Set the maxWidth to 500

Dr.Molle
  • 116,463
  • 16
  • 195
  • 201