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

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

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

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

Любые идеи были бы благодарны полученным!

код, как показано ниже:

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

Благодаря

Пит

источник

2011-03-15 Pete Williams

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

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

источник

2011-03-16 00:40:29 Jonathan

Блестящий, спасибо Jonathon! Извините, у меня недостаточно очков, чтобы проголосовать за ваш ответ :( –

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

источник

2011-10-21 11:40:17 feedmeastraycat

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

ответ

Смежные вопросы