google-maps - ブラウザ ウィンドウのサイズに応じてサイズが変化するように、Google マップの情報ウィンドウをレスポンシブにすることはできますか?

Question

レスポンシブ HTML ページにマップを配置しています。マーカーと情報ウィンドウがあります。私はこのようなコードを使用しています

私の map_canvas には、メディアの幅に応じて調整される幅があります。@media タグを使用してスタイル設定されています。

メディアのサイズに応じて情報ウィンドウのサイズを増減したい。

それは可能ですか？

Answer 1

infoWindow は常に固定サイズで、開く前に計算されます。そのため、CSS ソリューションはここでは機能しません。

試すことができること: ウィンドウのサイズ変更イベントをリッスンし、infoWindow を再度開きます。

google.maps.event.addDomListener(window, 'resize', function() {
          infowindow.open(map);
        });