小编Pet*_*ams的帖子

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

出于某种原因,我无法让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({ …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps google-maps-api-3

1
推荐指数
1
解决办法
5269
查看次数