How do you set the size and width of a google map InfoWindow? I looked on the api page and only found a maxWidth method.

Edit: I have tried a few things. So far none of these work:

    var markerInfoWindow = new google.maps.InfoWindow({

        content: markerHTMLString,

        maxHeight: 400,  //Doesn't work

        maxWidth: 400,   //Doesn't work

        width: 300,      //Doesn't work

        height: 300      //Doesn't work

    });

Also say markerHTMLString is equal to this:

<div class = MarkerPopUp><div class = MarkerContext>Text</div></div>

I have tried these three options as well (none of them worked)

1. .MarkerPopUp {
   
       height: 300px;
   
       width: 300px;
   
   }
   
   




2. .MarkerPopUp {
   
       height: 300px;
   
       width: 300px;
   
   }
   
   
   
   .MarkerContext {
   
       height: 300px;
   
       width: 300px;
   
   }
   
   




3. .MarkerContext {
   
       height: 300px;
   
       width: 300px;
   
   }
   
   

This also will not work:

document.getElementById('MarkerPopUp')parentNode.style.overflow = '';

or this

document.getElementById('MarkerPopUp').parentNode.parentNode.style.overflow = '';

I am pretty much going through every thread I can find and trying everything. Just to limit a few things out (though there may be another issue)