谷歌地图(V3)InfoWindow没有正确调整大小

Question

谷歌地图(V3)InfoWindow没有正确调整大小

Pet*_*ams 1 javascript google-maps google-maps-api-3

出于某种原因,我无法让Google地图将其弹出框的大小调整为正确的尺寸.相反,它把它放在一个带滚动条的小盒子里面.

我已经将问题解决了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>

Run Code Online (Sandbox Code Playgroud)

谢谢

皮特

Answer 1

Jon*_*han 11

看起来在Google Maps API计算infoWindow的大小后应用该定义.当我#map从CSS声明中删除它时,它的大小正确.

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，7 月前
查看次数：	5269 次
最近记录：	11 年，11 月前