谷歌地图.InfoWindow设置高度和宽度

Question

你如何设置谷歌地图的大小和宽度InfoWindow？我查看了api页面,发现了一种maxWidth方法.

编辑:我尝试了一些事情.到目前为止,这些都不起作用:

    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
    });

也说markerHTMLString等于这个:

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

我也试过这三个选项(没有一个工作)

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

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

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

这也行不通:

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

或这个

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

我几乎经历了我能找到的所有线程并尝试了一切.只是为了限制一些事情(虽然可能有另一个问题)

Answer 1

可能是当html传递到地图api并解析出它无法访问样式表的时候.尝试在MarkerPopUp上将您的宽度添加为内联样式.

<div class = "MarkerPopUp" style="width: 300px;"><div class = "MarkerContext">Text</div></div>

我知道,我也讨厌内联样式,但在这种情况下它可以解决你的问题.