Google Maps (V3) InfoWindow неправильно изменяет размеры - PullRequest
Новая
       3

Google Maps (V3) InfoWindow неправильно изменяет размеры

1 голос
/ 16 марта 2011

По какой-то причине я не могу заставить Google Карты изменить размер своего всплывающего окна до нужных размеров. Вместо этого это помещает это в меньшую коробку с полосами прокрутки.

Я сократил свою проблему до простого примера на http://petewilliams.info/stupidmap.html

Я пробовал гуглить и пробовал все предложения, но, похоже, ничего не работает.

Буду признателен за любые идеи!

Код указан ниже: 

<!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>

Спасибо

Пит

Ответы [ 2 ]

11 голосов
/ 16 марта 2011

Похоже, что определение применяется после того, как Google Maps API вычисляет размер информационного окна. Когда я удаляю #map из декларации CSS, он корректно масштабируется. 

<style>
    div#pop {
    border:     1px solid red;
    height:     80px;
    width:      275px;
    }
</style>
0 голосов
/ 21 октября 2011

Для кого-то еще, кто мог бы прочитать здесь. P теги швы, чтобы возиться с автоматическим изменением размера, а также. Я выполнил кучу этих инструкций, но ничего не помогло. У меня все еще есть прокручиваемый div вместо большего пузыря. Однако поменял мои теги p на теги div (внутри контейнера div).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...