0

Google Map API v3 では、infoBox (または infoWindow) を div として表示したいと思います。たとえば、幅が 30%、マップの最大高さがあり、マップの左側に完全に配置されます。実際の infoBox が Map div の外にあるこの実装を見てきました (例: http://www.londontypographica.com/map/ )。

主な問題は、infoBox のインライン スタイルが、マーカーの座標 (またはオプションで指定) に従ってボックスを配置し、マップ コンテナーに対して絶対的に相対的に配置されているように見えることです。これらのインライン スタイルを削除する方法がわかりません。これらのスタイルの例を次に示します (マーカーをクリックするたびに計算されるため、おそらくその機能などを無効にする必要があります)。

<div class="infoBox" style="position: absolute; visibility: visible; width: 43px; left: 500.44037546636537px; top: 234.43615104886703px; cursor: default;">(...)<div>

要するに: infoBox のインライン スタイルを削除 (またはマーカーがクリックされたときに適用されないようにする) し、Google マップ コンテナーの外に移動します (要素の位置とサイズを簡単に変更できるようにします)。前もって感謝します！

4

1 に答える 1

2

情報ボックスを使用する必要はありません。マーカー クリック イベントを処理し、必要なデータを任意の div に入力するだけです。

それが、リンク先の例で起こっていることです。マーカー クリック イベントでは、マップをマーカーの中央に配置し、対応する画像を含む div を読み込みます。

于 2013-10-21T14:45:30.053 に答える