javascript - Google Map .InfoWindow 设置高度和宽度

Question

如何设置谷歌地图 InfoWindow 的大小和宽度？我看了on the api page并且只找到了一个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 被传递到 map api 并被解析出来时，它无法访问您的样式表 delcarations。尝试在 MarkerPopUp 上将宽度添加为内联样式。

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

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