3

インフォボックスで問題が発生しています - http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html - ここでは、レイアウトにあるヘッダーとサイドバー。誰かがマーカーをクリックしてインフォボックスを表示すると、ヘッダーとサイドバー (幅/高さ 100% の Google マップの絶対上に配置されている) の下から自動的にパンされないため、それを見ることができます。

通常の Infowindows (および非表示にできるサイドバー) を使用していたときは完全に機能していましたが、スタイル/外観をより細かく制御するために Infobox を使用したいと考えていました。これを行うために、この質問から2番目の答えを見つけました-ウェブ用Googleマップのマーカーの周りにパディングを確保し、divを使用してコントロールとしてマップに適用します。

これが問題のJSFiddleです- http://jsfiddle.net/nrjBB/

どんな助けでも大歓迎です。

4

2 に答える 2

0

html からヘッダー div を削除すると、適切にパンされます。CSSが間違っているようです。

これを試して：

html:

<div id="header"></div>
<div id="map_canvas"></div>
<div id="sidebar"></div>

CSS:

html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100%; }
#header { width: 100%; height: 50px; background: #000; }
#sidebar { width: 100px; height: 100%; background: #999; position: absolute; top: 0; right: 0; }

.info-box { background: #ffffff; }

PS: ここにコードを入れてくれてありがとう! インフォボックスの情報をずっと探していました!!!

于 2012-08-21T18:53:46.740 に答える
-1

map_canvas の高さ (heightOfWindow -50) を設定する必要があります。これは、infowindow が map div に従ってパンするためです。この場合、map div はヘッダーによって隠されています。

于 2013-06-05T12:48:40.467 に答える