埋め込んだGoogle Mapのコントロールアイコンが崩れているとき

harada 25views 更新:2016年12月2日

自サイトのCSS原因のようです。
参考したサイトでは以下のように指定すると直るとかいてありました。

mapField は表示するGoogle MapのIDに変更して下さい。

 #mapField img {
    max-width: none;
  }

ですが今回のサイトでは直らなかったため、試しにmax-heightも打ち消してみたところ直りました。

 #mapField img {
    max-width: none;
    max-height: none;
  }

参考:レスポンシブ対応サイトに[Google Maps]を埋め込んだときに表示が崩れるときの解決策。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません