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

前端之家收集整理的这篇文章主要介绍了javascript – Google Map .InfoWindow设置高度和宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何设置谷歌地图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 = '';

我几乎完成了每一个可以找到和尝试所有内容的线程.只是为了限制一些事情(尽管可能还有另一个问题)

解决方法

这可能是当html被传递到map api并解析出它不能访问你的样式表delcarations.尝试在MarkerPopUp上添加宽度作为内联样式.
<div class = "MarkerPopUp" style="width: 300px;"><div class = "MarkerContext">Text</div></div>

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

原文链接:https://www.f2er.com/js/151547.html

猜你在找的JavaScript相关文章