Google Maps API v3 での InfoWindow のサイズ変更の問題を修正するにはどうすればよいですか?

Linda Hamilton
リリース: 2024-11-04 16:52:01
オリジナル
331 人が閲覧しました

How to Fix InfoWindow Sizing Issues in Google Maps API v3?

Google Maps API v3 の情報ウィンドウのサイズ設定の問題

Google Maps v3 地図上でホーム アイコンをクリックすると、対応する情報ウィンドウが自動で表示されません- コンテンツに合わせて適切なサイズに設定します。代わりに、スクロールバーが表示されます。

解決策:

この問題の根本原因は、https://issuetracker.google.com/issues/35823659 で Google によって解決されました。この問題は、2015 年 2 月の Maps JavaScript API バージョン 3.19 で解決されました。

ただし、情報ウィンドウ内に div を追加し、CSS を使用してそのサイズを設定することで回避策を実装できます。すべての InfoWindows が同じサイズであると仮定すると、次のコードを使用できます:

<code class="html"><div id="mydiv">YourContent</div></code>
ログイン後にコピー
<code class="css">#mydiv{
    width: 500px;
    height: 100px;
}</code>
ログイン後にコピー

以上がGoogle Maps API v3 での InfoWindow のサイズ変更の問題を修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート