1

私は解決策をネットで探してきました。

私の問題は、情報ウィンドウの高さが正しく計算されていないことです。そこには画像がないので、後で画像をロードすることに問題はなく、バブルが作成されたときのサイズはわかりません。

また、約15行多くのテキストで埋めると、サイズは大丈夫になり始めています。

これは私がinfoWindowHtmlにフィードするものです：

<div><h2><a href="">Some title</a></h2><dl><dt>Location:</dt><dd>london</dd><dt>Description</dt><dd><p>Example text </p></dd></dl><p><a href="">Read more...</a></p></div>
4

3 に答える 3

2

この問題を解決するために、メインdivの幅と高さを設定できます。幅だけを設定すれば機能します。width、height、overflow：autoを設定すると、コンテンツが長すぎる場合にスクロールバーも表示されます。

ただし、Google Maps V3では、この問題は解決されています。

于 2010-10-05T17:37:09.980 に答える
1

同じ問題が発生しましたが、CSSで.contInfoBubbleにパディングを設定し、オプションパラメータでは設定しないため、この問題が発生していることがわかりました。したがって、CSSからパディングを削除し、html（まだ.jsではなくmap.html）にバブルを作成するときに、パラメーターにパディングを設定します。

[...]
var ib = new InfoBubble({
   //minHeight: 125,
   minWidth: 220,
   padding: 7,
   borderColor: "#dedede",
   borderRadius: 3,
   pixelOffset: new google.maps.Size(-140, -110),
});
[...]

そして、私は問題を解決しました。多分あなたにも。

于 2013-01-07T11:08:39.637 に答える
0

min-heightinfoWindowクラス要素にを追加します。

infoWindowsがすべて同じサイズの場合、これで問題が解決します。

そうでない場合は、次のjQuery行をinfoWindowのクリック関数に追加します。

//remove overflow scrollbars
$('#myDiv').parent().css('overflow','');
于 2012-02-10T19:21:36.947 に答える