Google Maps（V3）InfoWindow大小不正確

Question

由於某些原因，我無法讓Google Maps將其彈出框調整為正確的尺寸。 而是將其放在帶有滾動條的較小框內。

我在http://petewilliams.info/stupidmap.html上將問題簡化為一個准系統示例

到目前為止，我已經嘗試了Google搜索並嘗試了所有建議，但似乎沒有任何效果。

任何想法將不勝感激！

代碼如下：

<!doctype html>
<head>
    <meta charset="utf-8">
    <style>
        #map div#pop {
        border:     1px solid red;
        height:        80px;
        width:         275px;
        }
    </style>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
    </script>
    <script type="text/javascript">

        function initialiseMap() {
            // Load MAP
            var latlng = new google.maps.LatLng(51.2367, -0.57177);
            var myOptions = {
                zoom: 13,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById("map"), myOptions);

            var marker = new google.maps.Marker({
              position: new google.maps.LatLng(51.2367, -0.57177),
              map: map,
              title:'test item'
            });

            var infowindow = new google.maps.InfoWindow({
                content: "<div id=\"pop\">This is not 275x80px</div>",
                maxWidth: 325

            });
            infowindow.open(map,marker);
        }

    </script>
</head>
<body onload="initialiseMap();">

  <div id="map" style="width:580px; height:600px">Loading Map&hellip;</div>

</body>
</html>

謝謝

皮特

Answer 1

看起來是在Google Maps API計算infoWindow的大小之后應用了該定義。 當我從CSS聲明中刪除#map ，其大小正確。

<style>
    div#pop {
    border:     1px solid red;
    height:     80px;
    width:      275px;
    }
</style>

Answer 2

對於可能在這里閱讀的其他人。 P標簽也與自動調整大小混淆。 我遵循了這些指示，但沒有任何幫助。 我仍然有一個可滾動的div而不是一個較大的氣泡。 不過，將我的p標簽更改為div標簽（在div容器中）很有幫助。

Google Maps（V3）InfoWindow大小不正確

問題描述

2 個解決方案

解決方案1
11 已采納 2011-03-16 00:40:29

解決方案2
0 2011-10-21 11:40:17

Google Maps（V3）InfoWindow大小不正確

問題描述

2 個解決方案

解決方案1 11 已采納 2011-03-16 00:40:29

解決方案2 0 2011-10-21 11:40:17

解決方案1
11 已采納 2011-03-16 00:40:29

解決方案2
0 2011-10-21 11:40:17