小ネタ: Google Maps の吹き出し(infoWindow)内のスクロールバーを消す

超小ネタ。Google Maps API V3 の吹き出し(infoWindow)内にテキストを表示させた際に、縦スクロールバーが表示されてしまうことがあります。

日本語のテキストを表示させたときのみ表示されるようです。邪魔なので消したいなぁ、と思っていろいろ試してみた結果、以下の方法でうまくいきました(正しいかどうかは別として)。

  1. infoWindow の content に文字列を設定する際、最上位に div 要素を設定
  2. その div 要素の style 属性に margin:5px; を設定

という感じです。以下は HTML への埋め込みサンプルコード。

[java]


[/java]

スポンサーリンク
レクタングル(大)
レクタングル(大)

フォローする

コメント

  1. […] 不具合が出る模様。 解決方法を調べてみると、コメントを書く時に <div> で囲んでマージンをつけろとのこと。 →digitalbox:Google Maps の吹き出し(infoWindow)内のスクロールバーを消す […]

  2. bono より:

    助かりました!!

  3. 匿名希望 より:

    私のwindows8.1のchrome(バージョン38.0.2125.104m)では、何の効果もなくスクロールバー出ちゃいます…。
    なぜだろう???